Pular para o conteúdo

Fontes

Cite uma família de fonte no seu CSS e ela é usada:

body { font-family: "Lato", sans-serif; }
h1 { font-family: "Playfair Display", serif; }

Qualquer família do Google Fonts funciona. Você não precisa incluir uma folha de estilo nem escrever @font-face: o serviço lê os nomes das famílias no seu template e as deixa disponíveis. O primeiro documento que usa uma família espera um instante enquanto ela é buscada; depois disso ela fica em cache para todos.

  • Os arquivos das fontes vêm de uma versão fixa da coleção do Google Fonts, então um documento fica igual hoje e daqui a um ano.
  • As famílias são reconhecidas pelo nome, sem diferenciar maiúsculas, espaços e pontuação.
  • Cada conta pode trazer 30 famílias novas por hora. Famílias que já estão em cache não contam. Passando desse limite o documento ainda é gerado, com uma fonte já incluída no lugar da nova.
  • A fonte usada em um documento é incorporada ao PDF.

Todo documento também tem um conjunto básico: Liberation (compatível em métricas com Arial, Times New Roman e Courier New), DejaVu, e Noto para árabe, hebraico, devanágari, tailandês e outras escritas. Elas servem de reserva quando uma família não é encontrada e cobrem textos para os quais a fonte escolhida não tem glifos.

Famílias publicadas com um arquivo por estilo, como Lato, Poppins, Fira Sans, Ubuntu e Barlow, suportam todos os pesos e itálicos que oferecem.

Cerca de um terço das famílias do Google é publicado apenas como fonte variável, um único arquivo que cobre uma faixa de pesos. Inter, Roboto, Open Sans e Montserrat estão entre elas. O serviço ainda não aplica os eixos de uma fonte variável, então essas famílias saem no estilo normal, qualquer que seja o font-weight ou o font-style pedido. A validação avisa quando isso se aplica, com uma nota VariableFontStyles. Se você precisa de negrito em uma dessas famílias hoje, escolha uma família parecida que tenha arquivos estáticos.

Fontes que não estão no Google Fonts ainda não são suportadas.