No CSS podemos utilizar fontes para mudar a aparência dos textos da nossa página web. Entre as fontes, temos as fontes padrão e as fontes externas.

Neste artigo você vai conferir a lista das fontes padrão no CSS. Essas fontes não precisam ser baixadas para serem usadas nos textos de uma página web.

Para estilizar um elemento de texto com essas fontes basta utilizar a propriedade font-family com o nome da fonte que se deseja usar. Veja nos Códigos 1 e 2 os exemplos com as fontes arial e verdana, respectivamente.


  p {
     font-family: Arial;
  }
  
Código 1. Fonte Arial

  p {
     font-family: Verdana;
  }
  
Código 2. Fonte Verdana

No flow a seguir vemos as fontes padrão do CSS:

Fontes Padrão Fontes Padrão Fontes Padrão Fontes Padrão Fontes Padrão Fontes Padrão

Abaixo vemos a lista das fontes padrão do CSS:

  • Arial
  • Verdana
  • Helvetica
  • Trebuchet MS
  • Georgia
  • Courier New
  • Comic Sans MS
  • Brush Script MT
  • Impact
  • Lucida Sans
  • Constantia

Com as fontes padrão você já pode estilizar os elementos de textos para melhorar a aparência das suas páginas. Essas fontes são simples de usar, pois basta definir o nome da fonte na propriedade font-family e o texto já terá uma aparência diferente.

Confira também