Por muito tempo a utilização de fontes na web foi bastante limitada. Só era possível utilizar fontes comuns, como Times New Roman ou Arial, porque se você usasse alguma outra fonte, o visitante só iria ver a fonte se tivesse ela no computador. Mas isso mudou.

Hoje existem alguns serviços que fornecem fontes gratuitas e online. Isso quer dizer que com pouco código você pode adicionar uma fonte legal ao seu site, mas tenha cuidado pra não transformar seu site num baile de carnaval. Se você não conhece muito sobre design, prefira fontes mais sóbrias. Você corre menos risco. 🙂

Importante: talvez seja necessário conhecer o básico de HTML e CSS para utilizar o Google Web Fonts. Mas mesmo que você não conheça, não custa tentar!

1) Adicione o seguinte código ao seu código (preferencialmente entre as tags HEAD):

<link href='http://fonts.googleapis.com/css?family=Yellowtail&v2' rel='stylesheet' type='text/css'>

2) Chame o CSS da fonte direto na tag que você quer utilizar (CSS Inline):

<span style="font-family: 'Yellowtail', cursive; font-size: 24px;">O Google Web Fonts é bem legal!</span>

O Resultado é esse:

O Google Web Fonts é bem legal!

Mas tem várias outras fontes, como essa:

O Google Web Fonts é bem legal!

Ou essa:

O Google Web Fonts é bem legal!

Quando escrevi esse artigo, haviam 206 fontes disponíveis, mas lembre-se de não fazer o que eu fiz acima! Não use muitas fontes diferentes na mesma página, porque ela pode ficar muito pesada.

Acesse  o Google Web Fonts e teste as outras fontes disponíveis. Basta clicar em “Quick-use” na fonte que você escolher, que serão dadas as instruções para uso.

Obs.: Se você está acompanhando o blog pelo Feed RSS, não vai conseguir ver os exemplos acima. É necessário entrar no blog.