Olá. Já faz um tempo que não posto  nada sobre CSS. Hoje vamos falar de como trabalhar com fontes.

Vamos conhecer as propriedades de fontes mais básicas. Talvez até as mais importantes.

color  –               Define a cor da fonte
font-family –       Define o  tipo de fonte
font-size –          Define o tamanho de fonte
font-style –         Define o estilo de fonte
font-variant –      Define fontes maiúsculas de menor altura
font-weight –      Define o escurecimento da fonte (negrito).

Ao se trabalhar com fontes precisamos de uma propriedade chamada font-family que se refere a família tipográfica ao qual a fonte escolhida pertence.  Uma família tipográfica é um grupo que reúne fontes que tem diversas características em comum. Estas famílias são organizadas como uma lista de fontes. A vantagem de se trabalhar com esta propriedade é que caso a primeira fonte da lista não esteja disponível no computador o navegador buscará a próxima na lista.

Por exemplo  Times New Roman e Georgia são duas fontes da família serif. Casa a primeira a Times não seja encontrada a Georgia irá substituí-la.

Times New Roman
Georgia

Veja o exemplo:

Para trabalhar com fontes externas você precisa primeiro ter o arquivo da fonte. Para isto você pode acessar sites como os listados abaixo para baixar arquivos que geralmente vem no formato TTF, WOFF ou EOT.
www.dafont.com
www.fontsquirrel.com
www.fonts2u.com
www.1001fonts.com
www.fontspace.com
www.actionfonts.com

Após baixar você precisa colocar os arquivos de fontes na mesma pasta do seu site. Inclusive deverá fazer o upload dos arquivos de fonte para o servidor de hospedagem via FTP. Agora vamos fazer o  nosso código que  ficará assim:

Espero com isto  ter tirado algumas das dúvidas mais comuns sobre fontes no CSS.

Até o próximo post!