Titillium Web font

By Accademia di Belle Arti Urbino on Aug 02, 2018

Titillium Web

Titillium Web

Titillium Web

Titillium Web

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 at [email protected](Javascript must be enabled to view this email address) with 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
AAAaaa
<style type="text/css">
@font-face{
    font-family:"titillium-web-thin";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin.ttf") format("truetype");
}
span.font0{font-family:"titillium-web-thin";font-size:px;text-transform:;}
</style>
Titillium Web Thin
<style type="text/css">
@font-face{
    font-family:"titillium-web-light";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light.ttf") format("truetype");
}
span.font1{font-family:"titillium-web-light";font-size:px;text-transform:;}
</style>
Titillium Web Light
<style type="text/css">
@font-face{
    font-family:"titillium-web-regular";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.regular.ttf") format("truetype");
}
span.font2{font-family:"titillium-web-regular";font-size:px;text-transform:;}
</style>
Titillium Web Regular
<style type="text/css">
@font-face{
    font-family:"titillium-web-semibold";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold.ttf") format("truetype");
}
span.font3{font-family:"titillium-web-semibold";font-size:px;text-transform:;}
</style>
Titillium Web SemiBold
<style type="text/css">
@font-face{
    font-family:"titillium-web-bold";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold.ttf") format("truetype");
}
span.font4{font-family:"titillium-web-bold";font-size:px;text-transform:;}
</style>
Titillium Web Bold
<style type="text/css">
@font-face{
    font-family:"titillium-web-black";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.black.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.black.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.black.ttf") format("truetype");
}
span.font5{font-family:"titillium-web-black";font-size:px;text-transform:;}
</style>
Titillium Web Black
<style type="text/css">
@font-face{
    font-family:"titillium-web-thin-italic";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.thin-italic.ttf") format("truetype");
}
span.font6{font-family:"titillium-web-thin-italic";font-size:px;text-transform:;}
</style>
Titillium Web Thin Italic
<style type="text/css">
@font-face{
    font-family:"titillium-web-light-italic";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.light-italic.ttf") format("truetype");
}
span.font7{font-family:"titillium-web-light-italic";font-size:px;text-transform:;}
</style>
Titillium Web Light Italic
<style type="text/css">
@font-face{
    font-family:"titillium-web-italic";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.italic.ttf") format("truetype");
}
span.font8{font-family:"titillium-web-italic";font-size:px;text-transform:;}
</style>
Titillium Web Italic
<style type="text/css">
@font-face{
    font-family:"titillium-web-semibold-italic";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.semibold-italic.ttf") format("truetype");
}
span.font9{font-family:"titillium-web-semibold-italic";font-size:px;text-transform:;}
</style>
Titillium Web SemiBold Italic
<style type="text/css">
@font-face{
    font-family:"titillium-web-bold-italic";
    src:url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/t/987/987/file/titillium-web.bold-italic.ttf") format("truetype");
}
span.font10{font-family:"titillium-web-bold-italic";font-size:px;text-transform:;}
</style>
Titillium Web Bold Italic

Ad1

ad2