Zilla Slab

Prueba Zilla Slab

Pesos y estilos

• Light 300Zilla Slab Light Light Italic
• Regular 400Zilla Slab Regular Cursiva
• Medium 500Zilla Slab Medium Medium Italic
• SemiBold 600Zilla Slab SemiBold SemiBold Italic
• Bold 700Zilla Slab Bold Bold Italic

Sobre Zilla Slab

Zilla Slab es una familia de serifa egipcia creada como tipografía principal de Mozilla, donde compone el logotipo tipográfico, los titulares y otros trabajos de diseño. Typotheque la diseñó a partir de una de las serifas egipcias anteriores de la fundición, y Mozilla lidera el proyecto; el aviso de derechos de autor menciona a The Mozilla Foundation. Las letras llevan serifas planas y rectangulares, trazos de grosor casi uniforme y curvas redondas y suaves, con una a de dos pisos. En el espécimen, varias cifras, entre ellas el 3, el 4, el 5, el 7 y el 9, bajan por debajo de la línea de base. La familia tiene cinco pesos, Light 300, Regular 400, Medium 500, SemiBold 600 y Bold 700, y cada peso tiene una cursiva que las notas oficiales describen como cursiva verdadera, hasta sumar 10 estilos entregados como archivos estáticos. Las fuentes contienen 976 glifos de los juegos de caracteres latino y latino extendido y se publican con la SIL Open Font License 1.1.

Dónde funciona Zilla Slab

Titulares y logotipos tipográficos

Mozilla compone su propio logotipo tipográfico y sus titulares con Zilla Slab; SemiBold y Bold dan a las serifas planas la masa suficiente para títulos grandes.

Artículos y páginas largas

Regular con su cursiva resuelve el texto corrido y los énfasis, y el grosor casi uniforme del trazo mantiene las letras firmes a tamaños de lectura.

Jerarquía dentro de una sola familia

Cinco pesos entre 300 y 700 distinguen títulos, subtítulos, texto corrido y pies de foto sin recurrir a una segunda tipografía.

Citas y pies de foto en cursiva

Cada uno de los cinco pesos tiene su propia cursiva dibujada, de modo que una cita puede componerse en Light Italic o Bold Italic y no solo en el peso normal.

Sitios en varios idiomas europeos

El juego latino extendido incluye las letras necesarias para turco, polaco, checo, húngaro y rumano, además de inglés, francés y alemán.

Glifos

Idiomas admitidos

La familia contiene las letras básicas con las que se escriben estos idiomas:

• Inglés
• Francés
• Alemán
• Español
• Portugués
• Italiano
• Neerlandés
• Sueco
• Noruego
• Danés
• Finés
• Islandés
• Catalán
• Turco
• Polaco
• Checo
• Eslovaco
• Húngaro
• Rumano
• Croata
• Esloveno
• Lituano
• Letón
• Estonio

Juegos de caracteres encontrados en los archivos: latin, latin-ext. La lista de idiomas comprueba que la fuente tenga las letras necesarias; no garantiza la calidad tipográfica en cada idioma.

Licencia

Fuentes que combinan con Zilla Slab

Las sugerencias salen de reglas sencillas sobre los datos: una clasificación que contraste y pesos suficientes para el texto corrido. Son un punto de partida, no un veredicto.

Usar Zilla Slab en la web

Descarga la familia, aloja los archivos en tu propio sitio y decláralos en CSS. No enlaces a los archivos de trendhub.net: los archivos de vista previa son subconjuntos y sus direcciones cambian.

@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 6 more files in the package, declared the same way */

body {
  font-family: "Zilla Slab", serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Zilla Slab con este código:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

Lo que debes saber

Archivos estáticos, sin versión variable

El paquete contiene 10 archivos TTF independientes, uno por estilo. Zilla Slab no tiene ejes variables, así que solo se pueden usar los cinco pesos con nombre.

El rango va de 300 a 700

Light es el corte más ligero y Bold el más pesado; la familia no tiene nada más fino que 300 ni más grueso que 700.

Las cifras bajan por debajo de la línea

En el espécimen las cifras predeterminadas no tienen todas la misma altura: dígitos como el 3, el 4, el 5, el 7 y el 9 descienden por debajo de la línea de base.

El diseñador y el titular de los derechos son distintos

La tabla de nombres de la fuente acredita a Typotheque como diseñador y fabricante, mientras que los derechos de autor pertenecen a The Mozilla Foundation.

Preguntas frecuentes

Colecciones con Zilla Slab

• Fuentes slab serif

  Familias slab serif con serifas en bloque, desde diseños geométricos y de aire a máquina de escribir hasta fuentes de texto robustas con cursivas.

• Fuentes compatibles con el turco

  Familias de licencia abierta que contienen todas las letras del alfabeto turco, incluidas la i con punto y sin punto, en estilos de texto, display y caligráficos.

Fuentes similares

Otras familias de la misma clasificación, ordenadas por etiquetas de uso en común. Todas las fuentes slab serif