Titillium Web

Try Titillium Web

Weights and styles

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

About Titillium Web

Titillium Web is a sans serif family with squared curves: the bowls of b, d, o and p have flattened sides and tight corners, which gives lines of text a technical, engineered rhythm. Strokes are even in thickness and the letters are slightly narrow. The typeface began as a teaching project in the type design course of the Campi Visivi master's programme in visual design at the Accademia di Belle Arti di Urbino, where about twelve students a year took the work further. The official credits name Luciano Perondi for design and curation and Diego Giusti for the first prototype. The family has six weights, ExtraLight, Light, Regular, SemiBold, Bold and Black, supplied as static files; Black has no italic, the other five do. Each font contains 410 glyphs for Latin and Latin Extended, under the SIL Open Font License 1.1.

Where Titillium Web works

Dashboards and product interfaces

Squared letterforms align with boxes, buttons and grid lines, and Regular with SemiBold gives two clear levels for labels.

Technology and engineering brands

The flattened curves carry an industrial tone through headings set in Bold or Black.

Large light headings

ExtraLight 200 draws thin, even lines that hold together at display sizes.

Documentation and articles

Regular and Light come with italics, so emphasis and citations do not rely on synthetic slanting.

Public-sector and institutional sites

Six weights from one family cover navigation, body copy and titles for sites in Latin-script languages.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian

Character sets found in the files: latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Titillium Web

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Titillium Web on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

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

Or load it from the official source. Google Fonts serves Titillium Web with this markup:

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

Things to know

Black has no italic

The package holds eleven fonts: six upright weights and five italics. The Black 900 cut is upright only.

No Medium or ExtraBold

The weights are 200, 300, 400, 600, 700 and 900; 500 and 800 are not part of the family.

Static fonts

Titillium Web is not a variable font. Each weight is a separate TTF file.

FAQs

Collections with Titillium Web

• Fonts that support Turkish

  Open-license families that contain every letter of the Turkish alphabet, including dotted and dotless i, across text, display and script styles.

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts