Titillium Web

Classification

Grotesque Sans
Geometric Sans
Humanist Sans

Font Technology

Static font
6 weights, 2 styles

How To Use Titillium Web

To use Titillium Web in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
Download Titillium Web
@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-ExtraLight.ttf') format(woff2);
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-Light.ttf') format(woff2);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-Regular.ttf') format(woff2);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-SemiBold.ttf') format(woff2);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-Bold.ttf') format(woff2);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-Black.ttf') format(woff2);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-ExtraLightItalic.ttf') format(woff2);
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-LightItalic.ttf') format(woff2);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-Italic.ttf') format(woff2);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-SemiBoldItalic.ttf') format(woff2);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('<YOUR SERVER PATH>TitilliumWeb-BoldItalic.ttf') format(woff2);
  font-weight: 700;
  font-style: italic;
}

Description

Titillium is born inside the Accademia di Belle Arti di Urbino as a didactic project Course Type design of the Master of Visual Design Campi Visivi. The aim of the project is the creation of a collective fonts released under OFL. Each academic year, a dozen students work on the project, developing it further and solving problems. Any type designer interested in the amendment or revision of Titillium is invited to co-operate with us, or develop their own variants of the typeface according to the terms specified in the Open Font license. We also ask all graphic designers who use Titillium in their projects to email us some examples of the typeface family in use, in order to prepare a case histories database. Three years after the birth of Titillium, the project is still evolving, and even we don’t know what it will become in the future. Special thanks go to: Prof. Luciano Perondi, design and curation Prof. Marcello Signorile, coordination Prof. Manuel Zanettin, web project supervision Diego Giusti, design of the first prototype

Designer

Accademia di Belle Arti di Urbino

Copyright

Copyright (c) 2009-2011 by Accademia di Belle Arti di Urbino and students of MA course of Visual design. Some rights reserved.

OpenType Features

Case-sensitive Forms
Fractions

Related Fonts

Seymour One
Atkinson Hyperlegible
Atkinson Hyperlegible Mono
Vend Sans
BBH Bogle
BBH Bartle
BBH Hegarty
Big Shoulders
Dela Gothic One
TikTok Sans
Titillium Web 200
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 300
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 600
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 200italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 300italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 600italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/
Titillium Web 700italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Fractions
default css
font-feature-settings: "frac" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
₀
₀
₁
₁
₂
₂
₃
₃
₄
₄
₅
₅
₆
₆
₇
₇
₈
₈
₉
₉
⁰
⁰
¹
¹
²
²
³
³
⁴
⁴
⁵
⁵
⁶
⁶
⁷
⁷
⁸
⁸
⁹
⁹
/
/