Titillium Text Font Family

Use "Titillium Text" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Titillium Text font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Titillium Text webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'TitilliumText22L-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Regular'), url('TitilliumText22L003.woff') format('woff');
}
@font-face {
    font-family: 'TitilliumText22L-XBold';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-XBold'), url('TitilliumText22L006.woff') format('woff');
}
@font-face {
    font-family: 'TitilliumText22L-Thin';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Thin'), url('TitilliumText22L001.woff') format('woff');
}
@font-face {
    font-family: 'TitilliumText22L-Light';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Light'), url('TitilliumText22L002.woff') format('woff');
}
@font-face {
    font-family: 'TitilliumText22L-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Medium'), url('TitilliumText22L004.woff') format('woff');
}
@font-face {
    font-family: 'TitilliumText22L-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('TitilliumText22L-Bold'), url('TitilliumText22L005.woff') format('woff');
}

sample html

<h3 style="font-family: 'TitilliumText22L-Regular'">Eligendi vero ratione ut velit.</h3>
<h3 style="font-family: 'TitilliumText22L-XBold'">Nisi modi qui non sint et possimus.</h3>
<h3 style="font-family: 'TitilliumText22L-Thin'">Amet in vero dolorem maxime qui sit ab.</h3>
<h3 style="font-family: 'TitilliumText22L-Light'">Iste id possimus dolorum saepe.</h3>
<h3 style="font-family: 'TitilliumText22L-Medium'">Quia et id porro magnam totam.</h3>
<h3 style="font-family: 'TitilliumText22L-Bold'">Quas ut velit mollitia.</h3>

Preview

License

Generated in 2010 by FontLab Studio. Copyright info pending.

http://scripts.sil.org/OFL