Pular para o conteúdo
Delivery API
Antes de planejar em torno de um recurso, confira o status dos recursos.

GuiasDesign

Fontes

Envie suas fontes web licenciadas uma única vez, mantenha a evidência da licença junto delas e carregue-as no seu site com uma única folha de estilo.

Esta página foi traduzida do inglês. Se houver qualquer diferença, vale a versão em inglês. Ler em inglês

O Atlas hospeda as fontes do seu site com a evidência da licença delas. Uma fonte só é servida enquanto a licença permitir o uso incorporado na web e não tiver expirado.

Abra Design → Fonts e clique em Add a font.

  1. Informe o Family name e uma Key. A chave dá nome à variável CSS e não pode ser alterada depois.

  2. Em Files, weights and styles, envie arquivos WOFF2 ou WOFF (ou escolha-os na biblioteca de mídia). Para cada arquivo, defina o Weight (por exemplo 400, ou um intervalo como 100-900 para uma fonte variável) e o Style (Upright ou Italic).

  3. Adicione Fallback fonts e escolha While loading: Show the fallback, then swap ou Use the font only if it is ready at once.

  4. Em Licence, registre o nome da Licence, a data em que a Licence ends (se houver), a Evidence e, opcionalmente, um Licence document, e marque The licence allows embedding this font on websites (@font-face).

  5. Clique em Add font.

Cada cartão de fonte mostra como usá-la, por exemplo font-family: var(--atlas-font-brand), junto com seus fallbacks, licença e versões anteriores. Clique em New version para substituir arquivos ou atualizar a licença; as versões anteriores são mantidas.

O cartão Add to your website dá um trecho pronto:

  • Qualquer site: use Copy link tag e adicione-a ao head da sua página. Ela carrega uma única folha de estilo com todas as fontes ativas do site.
  • Next.js: use Copy code para uma versão renderizada no servidor.
<link
rel="stylesheet"
href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

A folha de estilo fica em cache por 5 minutos e os arquivos de fonte ficam em cache permanentemente, porque cada versão de arquivo tem o seu próprio endereço. Os arquivos de fonte só são servidos ao endereço do site do seu ambiente.

As alterações de fontes chegam ao Production com o próximo release, como o conteúdo. O Production serve apenas as versões de fonte do seu release no ar.

  • Somente WOFF2 e WOFF (sem TTF nem OTF).
  • Até 32 arquivos e 8 fontes de fallback por fonte.
  • As fontes pertencem a um site; ainda não há um catálogo de fontes compartilhado da organização, nem subsetting.