Ir al contenido
API de entrega
Antes de planificar en torno a una función, consulte el estado de las capacidades.

GuíasDiseño

Fuentes

Suba una sola vez sus fuentes web con licencia, conserve con ellas la evidencia de la licencia y cárguelas en su sitio web con una sola hoja de estilos.

Esta página fue traducida del inglés. Si hay alguna diferencia, prevalece la versión en inglés. Leer en inglés

Atlas aloja las fuentes de su sitio web junto con la evidencia de su licencia. Una fuente solo se sirve mientras su licencia permita incrustarla en la web y no haya caducado.

Abra Design → Fonts y haga clic en Add a font.

  1. Introduzca el Family name y una Key. La clave da nombre a la variable CSS y no puede cambiarse después.

  2. En Files, weights and styles, suba archivos WOFF2 o WOFF (o elíjalos desde la biblioteca de medios). Para cada archivo defina el Weight (por ejemplo 400, o un rango como 100-900 para una fuente variable) y el Style (Upright o Italic).

  3. Añada Fallback fonts y elija While loading: Show the fallback, then swap o Use the font only if it is ready at once.

  4. En Licence, registre el nombre de la Licence, la fecha en que Licence ends (si la hay), la Evidence y, opcionalmente, un Licence document, y marque The licence allows embedding this font on websites (@font-face).

  5. Haga clic en Add font.

Cada tarjeta de fuente muestra cómo usarla, por ejemplo font-family: var(--atlas-font-brand), junto con sus fuentes de respaldo, su licencia y las versiones anteriores. Haga clic en New version para reemplazar archivos o actualizar la licencia; las versiones anteriores se conservan.

La tarjeta Add to your website le ofrece un fragmento listo para usar:

  • Cualquier sitio web: use Copy link tag y añádala al encabezado de su página. Carga una hoja de estilos con todas las fuentes activas del sitio.
  • Next.js: use Copy code para una versión renderizada en el servidor.
<link
rel="stylesheet"
href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

La hoja de estilos se almacena en caché durante 5 minutos y los archivos de fuentes se almacenan en caché de forma permanente, porque cada versión de un archivo tiene su propia dirección. Los archivos de fuentes solo se sirven a la dirección del sitio web de su entorno.

Los cambios de fuentes llegan a Producción con el siguiente lanzamiento, igual que el contenido. Producción sirve únicamente las versiones de fuentes de su lanzamiento en vivo.

  • Solo WOFF2 y WOFF (no TTF ni OTF).
  • Hasta 32 archivos y 8 fuentes de respaldo por fuente.
  • Las fuentes pertenecen a un sitio; todavía no hay un catálogo compartido de fuentes de la organización ni subconjuntos de fuentes (subsetting).