Fontes externas com CSS3 - Exemplos

05/08/2016

69

E aí, galera. Recentemente publiquei um artigo ensinado a usar o recurso @font-face das CSS3, que serve para importar fontes textuais externas, a fim de poder utilizá-las em qualquer browser, independente de ela estar ou não instalada no cliente: CSS3: Web Fonts.

Abri esse tópico para que possamos compartilhar outros exemplos de uso desse recurso, outras alternativas, experiências, etc. Quem quiser colaborar, é só deixar sua contribuição abaixo. ;)

Valeu!
Responder

Post mais votado

05/08/2016

Uma alternativa ao uso do @font-face é importar fontes de um repositório como o Google Fonts, que por trás também usa o @font-face.

A sintaxe básica de uso é a seguinte (no arquivo CSS):

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300);


A partir daí já podemos usar a fonte importada:

* {
   font-family: Lato
}
Responder

Mais Posts

05/08/2016

Joel Rodrigues

Para ficar mais claro, fiz um exemplo de uso: https://jsfiddle.net/xby6a73r/.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar