Titillium Web

Prueba Titillium Web

Pesos y estilos

• ExtraLight 200Titillium Web ExtraLight ExtraLight Italic
• Light 300Titillium Web Light Light Italic
• Regular 400Titillium Web Regular Cursiva
• SemiBold 600Titillium Web SemiBold SemiBold Italic
• Bold 700Titillium Web Bold Bold Italic
• Black 900Titillium Web Black

Acerca de Titillium Web

Titillium Web es una familia sin serifa de curvas cuadradas: las panzas de la b, la d, la o y la p tienen lados aplanados y esquinas cerradas, lo que da a las líneas de texto un ritmo técnico, casi de ingeniería. Los trazos son de grosor uniforme y las letras son algo estrechas. La tipografía nació como proyecto docente en el curso de diseño de tipos del máster en diseño visual Campi Visivi de la Accademia di Belle Arti di Urbino, donde unos doce estudiantes al año continuaron el trabajo. Los créditos oficiales mencionan a Luciano Perondi por el diseño y la dirección, y a Diego Giusti por el primer prototipo. La familia tiene seis pesos, ExtraLight, Light, Regular, SemiBold, Bold y Black, en archivos estáticos. Black no tiene cursiva, los otros cinco sí. Cada fuente contiene 410 glifos de latino y latino extendido, bajo la SIL Open Font License 1.1.

Dónde funciona Titillium Web

Paneles e interfaces de producto

Las formas cuadradas se alinean con cajas, botones y líneas de cuadrícula, y Regular con SemiBold da dos niveles claros para las etiquetas.

Marcas de tecnología e ingeniería

Las curvas aplanadas transmiten un tono industrial en encabezados compuestos en Bold o Black.

Encabezados grandes y ligeros

ExtraLight 200 dibuja líneas finas y uniformes que se mantienen cohesionadas en tamaños display.

Documentación y artículos

Regular y Light tienen cursivas, de modo que el énfasis y las citas no dependen de una inclinación sintética.

Sitios institucionales y del sector público

Seis pesos de una misma familia cubren la navegación, el texto corrido y los títulos de sitios en idiomas de escritura latina.

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 Titillium Web

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 Titillium Web 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: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/assets/fonts/TitilliumWeb-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* …and 7 more files in the package, declared the same way */

body {
  font-family: "Titillium Web", sans-serif;
}

O cárgala desde el origen oficial. Google Fonts ofrece Titillium Web 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=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">

Lo que debes saber

Black no tiene cursiva

El paquete contiene once fuentes: seis pesos rectos y cinco cursivas. El corte Black 900 es solo recto.

Sin Medium ni ExtraBold

Los pesos son 200, 300, 400, 600, 700 y 900. El 500 y el 800 no forman parte de la familia.

Fuentes estáticas

Titillium Web no es una fuente variable. Cada peso es un archivo TTF independiente.

Preguntas frecuentes

Colecciones con Titillium Web

• Fuentes sans serif cuadradas para interfaces tecnológicas y de videojuegos

  Familias sans serif de hombros cuadrados con dos o más pesos para HUD, paneles, gráficos de esports y marcas con aire de hardware.

• 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 sans serif