fallback serif sans monospace
A especificação CSS2, de 1998, define cinco famílias genéricas de fonte: serif, sans-serif, cursive, fantasy e monospace. Este preview foca nas três mais usadas em produto e documentação, comparando lado a lado uma fonte como Georgia contra a família genérica serif que ela declara, para mostrar o que o navegador escolhe quando nenhuma fonte nomeada está disponível.
Serifas ajudam o olho a seguir a linha de base em blocos longos impressos ou digitais, então essa combinação é a escolha típica para artigos e ebooks, nunca para botões de interface curtos.
Sem serifas, os traços ficam mais uniformes em tamanhos pequenos de tela, o motivo de quase todo botão, menu e rótulo de formulário usar uma stack sans-serif como esta em vez de uma serif.
Alinhamento de coluna é o que permite comparar duas linhas de código lado a lado só pela posição horizontal do caractere, algo impossível numa fonte proporcional como Arial, onde a letra "i" ocupa muito menos espaço que a letra "m".
Porque fontes locais dependem do sistema operacional, da instalação do usuário e do suporte a glifos. Se a família principal não existir no aparelho, o navegador usa o fallback e a aparência muda.
Porque é a única garantia da especificação CSS de que o texto vai renderizar numa fonte da categoria certa; sem a família genérica no fim, se todas as fontes nomeadas faltarem, o comportamento do navegador para escolher a fonte final deixa de ser previsível entre implementações.
Serve para qualquer conteúdo tabular sem tabela HTML, como recibos, extratos ou números alinhados por coluna em texto puro, porque a largura fixa de cada caractere reproduz o alinhamento visual que uma fonte proporcional só consegue com espaços calculados manualmente.
Raramente para produto sério: cursive e fantasy resolvem para fontes decorativas altamente inconsistentes entre sistemas operacionais, então a maioria dos guias de estilo profissionais evita as duas e concentra o fallback em serif, sans-serif e monospace, que têm resultado bem mais previsível.
Porque Georgia foi desenhada em 1993 especificamente para telas de baixa resolução, com contraste de traço reduzido e altura de x maior, enquanto Times New Roman foi otimizada para impressão em 1931 e tende a parecer mais fina e apertada em monitores comuns.
font-family: Inter, sans-serif;
font-size: 48px;
font-weight: 500;
font-style: normal;
letter-spacing: 0px;O texto e a família são renderizados localmente no navegador.