O que é uma família de fontes HTML?

Uma família de fontes HTML (Hypertext Markup Language) é um grupo de opções de tipos de caracteres semelhantes renderizadas na codificação de uma página da Web. A configuração de uma família de fontes HTML genérica fornece uma variedade de fontes que podem aparecer quando diferentes usuários da Web abrem um site publicado. A maioria dos usuários de computador possui apenas um número limitado de opções de fontes em suas máquinas, dependendo de fatores como sistemas operacionais e opções de navegadores da web. Os programadores da Web que codificam uma fonte específica para todo o texto podem limitar o número de visitantes do site, porque essa fonte pode não ser renderizada corretamente na tela do monitor de todos. O uso de uma família de fontes HTML geralmente evita esse problema, e web designers experientes geralmente escolhem pelo menos uma das três famílias de fontes HTML mais comuns.

Trabalhar com HTML envolve uma série de decisões de design para criar um site que seja interessante e fácil de usar. Um dos erros mais freqüentes para iniciantes é selecionar uma fonte difícil de ler para muitos usuários e que pode não ser renderizada corretamente em todos os navegadores. Esse tipo de texto geralmente pertence à família de fontes HTML designada fantasia ou decorativa. Embora essas fontes possam parecer modernas, a maioria dos web designers recomenda que elas sejam usadas apenas com moderação e para uma decoração adicional, como uma letra maiúscula na abertura de um parágrafo.

As três opções mais comuns para o texto da página da web são sans-serif, serif e monospace. As letras sem serifa são construídas a partir de linhas retas e incluem fontes populares como Arial e Helvetica. Fontes serif, como Times New Roman, têm caudas finais em cada toque de cada letra, o que pode dificultar a leitura de grandes blocos desse texto na tela do computador. As fontes monoespaçadas são normalmente usadas apenas para descrições de tags ou elementos de código para destacá-las do restante da cópia da Web; um site sobre codificação HTML geralmente pode ter exemplos de tags renderizadas em espaço simples, por exemplo.

A designação de uma família de fontes HTML envolve fornecer instruções ao navegador da Web para aplicar a primeira fonte disponível em um grupo a uma página da Web. Se a primeira fonte não estiver disponível no sistema de computador de um determinado usuário, o navegador procurará e renderizará a segunda fonte disponível. Um web designer que deseja aplicar uma família de fontes HTML a uma página pode usar a tag font-face ou a tag de propriedade da família de fontes em uma declaração CSS (Cascading Style Sheet).