Titillium Web

Essayer Titillium Web

Graisses et styles

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

À propos de Titillium Web

Titillium Web est une famille sans empattements aux courbes carrées : les panses du b, du d, du o et du p ont des côtés aplatis et des angles serrés, ce qui donne aux lignes de texte un rythme technique, mécanique. Les traits ont une épaisseur régulière et les lettres sont légèrement étroites. Le caractère est né comme projet pédagogique du cours de création de caractères du master de design visuel Campi Visivi de l’Accademia di Belle Arti di Urbino, où une douzaine d’étudiants par an ont poursuivi le travail. Les crédits officiels citent Luciano Perondi pour le dessin et la direction, et Diego Giusti pour le premier prototype. La famille compte six graisses, ExtraLight, Light, Regular, SemiBold, Bold et Black, fournies en fichiers statiques. Black n’a pas d’italique, les cinq autres en ont un. Chaque police contient 410 glyphes pour le latin et le latin étendu, sous licence SIL Open Font License 1.1.

Où utiliser Titillium Web

Tableaux de bord et interfaces de produits

Les formes carrées s’alignent sur les cadres, les boutons et les lignes de grille, et Regular avec SemiBold donne deux niveaux nets aux libellés.

Marques de technologie et d’ingénierie

Les courbes aplaties donnent un ton industriel aux titres composés en Bold ou en Black.

Grands titres légers

ExtraLight 200 trace des lignes fines et régulières qui tiennent bien aux grands corps.

Documentation et articles

Regular et Light existent avec italiques : l’emphase et les citations ne reposent donc pas sur une inclinaison synthétique.

Sites du secteur public et institutionnels

Six graisses d’une même famille couvrent la navigation, le texte courant et les titres de sites dans des langues écrites en alphabet latin.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien

Jeux de caractères trouvés dans les fichiers : latin, latin-ext. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Titillium Web

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Titillium Web sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

@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;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Titillium Web avec ce code :

<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">

À savoir

Black n’a pas d’italique

Le paquet contient onze polices : six graisses droites et cinq italiques. Le style Black 900 n’existe qu’en droit.

Ni Medium ni ExtraBold

Les graisses sont 200, 300, 400, 600, 700 et 900. Les graisses 500 et 800 ne font pas partie de la famille.

Des polices statiques

Titillium Web n’est pas une police variable. Chaque graisse est un fichier TTF distinct.

Questions fréquentes

Collections avec Titillium Web

• Linéales carrées pour interfaces technologiques et de jeux

  Familles sans empattements aux épaules carrées, avec au moins deux graisses, pour les HUD, les tableaux de bord, les visuels d’esport et les identités d’inspiration matérielle.

• Polices compatibles avec le turc

  Familles sous licence libre qui contiennent toutes les lettres de l’alphabet turc, dont le i avec et sans point, en styles de texte, de titrage et scriptes.

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices sans empattements