Como usar CSS para alterar fontes em páginas da web

As capturas de tela abaixo se aplicam ao playground de código JSFiddle.net, mas os conceitos descritos são verdadeiros, não importa onde seu código seja implementado.

Localize o texto em que deseja alterar a fonte. Usaremos isso como exemplo:

Dentro do atributo de estilo, altere a fonte usando o família de fontes estilo.

Salve as alterações para ver os efeitos.

A melhor abordagem é sempre ter pelo menos duas fontes em seu pilha de fontes (a lista de fontes), de modo que se o navegador não tiver a primeira fonte, ele pode usar a segunda fonte.

O exemplo descrito acima usa estilo embutido, mas o melhor tipo de estilo usa um folha de estilo externa para modificar mais do que apenas um elemento. Use uma classe para definir o estilo em blocos de texto.

Sempre termine os estilos CSS com um ponto e vírgula (;). Não é obrigatório quando há apenas um estilo, mas é um bom hábito para começar.