Download Montserrat Alt1 - Download do código-fonte Montserrat Alt1

Montserrat Alt1

Baixar fonte

v0.3.2

Baixar

Montserrat-Alt1

Uma versão personalizada do Montserrat Light
Mais coisas que fiz »

Baixar · Reportar bug · Solicitar recurso

Ajude a apoiar este projeto e muito mais comprando um café para mim!

Índice

Sobre o projeto
Instalação - PC
Instalação - Web
Roteiro
Contribuindo
Licença
Agradecimentos

Sobre o projeto

Montserrat-Alt1

Eu queria criar uma fonte que fosse simples, limpa e, acima de tudo, com boa aparência. A família de fontes Montserrat é uma fonte incrível que oferece muitos pesos e é limpa e simples. Decidi que poderia modificar Montserrat para se adequar às minhas ideias, o que levou cerca de uma semana para terminar tudo. Eu uso essa fonte em alguns dos meus materiais de design de produtos e ela faz com que os títulos se destaquem do resto do documento.

Obrigado por verificar meu repositório! Não deixe de compartilhar com os amigos.

voltar ao topo

Instalação - PC

Baixe o Montserrat-Alt1-<Version Number>.zip mais recente
Extraia Montserrat-Alt1-<Version Number>.zip
Abra a pasta fonts , onde você encontrará as fontes otf e ttf
Abra a pasta que contém o tipo de fonte escolhido e abra a espessura desejada
Dependendo do seu sistema, uma caixa de diálogo deverá aparecer mostrando uma prévia da fonte
Clique no botão INSTALL
Se a fonte já estiver instalada, aparecerá uma caixa de diálogo perguntando se você deseja substituí-la
Clique em YES
Assim que a instalação for concluída, você pode fechar a visualização da fonte

Baixe aqui

voltar ao topo

Instalação - Web

CSS

Você pode importar o arquivo para sua folha de estilo da seguinte maneira:

OBSERVAÇÃO: O diretório onde a folha de estilo é colocada.

 @import url ( "static/fonts/Montserrat/fonts/webfonts/Montserrat-Alt1.css" );

HTML

Da mesma forma, você pode vincular ao mesmo ativo como faria com qualquer outro filtro CSS, no <head> do documento HTML, em vez de no CSS:

OBSERVAÇÃO: O diretório onde a folha de estilo é colocada.

 < link rel =" stylesheet " type =" text/css " href =" static/fonts/Montserrat/fonts/webfonts/Montserrat-Alt1.css " >

OBSERVAÇÃO: Se você estiver usando uma estrutura como vue.js, cole a tag <link> no arquivo index.html do seu projeto.

Como usá-lo

Depois de importar a fonte para seu arquivo CSS ou HTML , você pode usá-la para estilizar os elementos:

 body {
  font-family : 'Montserrat-Alt1' , sans-serif;
  font-weight : 400 ;
}

voltar ao topo

Roteiro

Criar versão
Crie um arquivo css para importar fonte
Corrigir espaçamento de fonte
Crie fonte com todos os pesos de Montserrat
Criar versão em itálico

Consulte os problemas em aberto para obter uma lista completa dos recursos propostos (e dos problemas conhecidos).

voltar ao topo

Contribuindo

As contribuições são o que tornam a comunidade de código aberto um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada .

Se você tiver uma sugestão que possa melhorar isso, bifurque o repositório e crie uma solicitação pull. Você também pode simplesmente abrir um problema com a tag “aprimoramento”. Não se esqueça de dar uma estrela ao projeto! Obrigado novamente!