A propriedade font-family do CSS é usada para determinar a fonte que será usada para a formatação de um texto em HTML. O termo é família de fonte é usado para indicar que podemos usar mais de uma fonte na definição de uma regra CSS.
Este conceito é importante pois com ele poderemos trabalhar com prevenção à uma possível substituição de fonte e com isto aplicar as fontes corretas.
Veja o exemplo abaixo:
font-family: arial, verdana, helvetica, sans-serif;
A fonte escolhida foi a Arial, porém, se o usuário não tiver a fonte Arial instalada, então ele passará a considerar a segunda opção, Verdana e assim por diante.
O último termo desta lista é o sans-serif, que quer dizer sem-serifa, ou seja, se nenhuma das fonte indicadas forem encontradas, então a substituição será feita por uma outra fonte, desde que seja sem serifa.
Posso usar qualquer fonte?
O ideal é usar fontes mais comuns, já que a chance delas existirem na maior parte do micros dos usuários é muito maior. As fontes mais usadas para textos na web são: Verdana, Arial, Helvetica, Tahoma, Geogia, etc.
Usando as fontes citadas acima e também o conceito do font-family, dificilmente você terá problemas com defomatação de textos no seu site ou blog.
Esta propriedade poderá ser aplicada em qualquer tag de texto do HTML, como p, h1, h2, h3, span, a, li, entre outras.
Outros assuntos relacionados:
// Comentários
Adriano de lima souza
São paulo
24/03/2010 22:02:00