Titillium Web

Titillium Web uitproberen

Gewichten en stijlen

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

Over Titillium Web

Titillium Web is een sans serif-familie met vierkante bogen: de buiken van b, d, o en p hebben afgeplatte zijden en strakke hoeken, wat tekstregels een technisch, geconstrueerd ritme geeft. De lijnen zijn gelijkmatig van dikte en de letters zijn iets smal. Het lettertype begon als lesproject in de cursus lettertypeontwerp van de masteropleiding visueel ontwerp Campi Visivi aan de Accademia di Belle Arti di Urbino, waar jaarlijks ongeveer twaalf studenten het werk verder brachten. De officiële vermelding noemt Luciano Perondi voor ontwerp en coördinatie en Diego Giusti voor het eerste prototype. De familie heeft zes gewichten, ExtraLight, Light, Regular, SemiBold, Bold en Black, geleverd als statische bestanden. Black heeft geen cursief, de andere vijf wel. Elk font bevat 410 glyphs voor Latin en Latin Extended, onder de SIL Open Font License 1.1.

Waar Titillium Web goed werkt

Dashboards en productinterfaces

Vierkante letters sluiten aan bij vakken, knoppen en rasterlijnen, en Regular met SemiBold geeft twee duidelijke niveaus voor labels.

Technologie- en techniekmerken

De afgeplatte bogen geven een industriële toon aan koppen in Bold of Black.

Grote lichte koppen

ExtraLight 200 tekent dunne, gelijkmatige lijnen die op displaygroottes goed samenhouden.

Documentatie en artikelen

Regular en Light hebben cursieven, dus nadruk en citaten hoeven niet op kunstmatig schuingezette letters te steunen.

Overheids- en instellingssites

Zes gewichten uit één familie dekken navigatie, lopende tekst en titels voor sites in talen met het Latijnse alfabet.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch

Tekensets in de bestanden: latin, latin-ext. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Titillium Web

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Titillium Web op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

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

Of laad het vanaf de officiële bron. Google Fonts levert Titillium Web met deze 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">

Goed om te weten

Black heeft geen cursief

Het pakket bevat elf fonts: zes rechtopstaande gewichten en vijf cursieven. De snit Black 900 is alleen rechtopstaand.

Geen Medium of ExtraBold

De gewichten zijn 200, 300, 400, 600, 700 en 900. De gewichten 500 en 800 maken geen deel uit van de familie.

Statische fonts

Titillium Web is geen variabel font. Elk gewicht is een apart TTF-bestand.

Veelgestelde vragen

Collecties met Titillium Web

• Vierkante sans serif-fonts voor tech- en game-interfaces

  Sans serif-families met vierkante schouders en twee of meer gewichten voor HUD’s, dashboards, esportsgraphics en branding met een hardwarekarakter.

• Fonts met ondersteuning voor Turks

  Families met een open licentie die elke letter van het Turkse alfabet bevatten, inclusief de i met en zonder punt, in tekst-, display- en schrijfletterstijlen.

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl sans serif