FF Unit Pro Font Family

Use "FF Unit Pro" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of FF Unit Pro 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 FF Unit Pro 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: 'FF Unit Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Regular'), url('FF Unit Pro Regular.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Italic'), url('FF Unit Pro Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Thin';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Thin'), url('FF Unit Pro Thin.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Thin Italic'), url('FF Unit Pro Thin Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Light'), url('FF Unit Pro Light.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Light Italic'), url('FF Unit Pro Light Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Medium'), url('FF Unit Pro Medium.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Medium Italic'), url('FF Unit Pro Medium Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Bold'), url('FF Unit Pro Bold.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Bold Italic'), url('FF Unit Pro Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Black'), url('FF Unit Pro Black.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Ultra';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Ultra'), url('FF Unit Pro Ultra.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Black Italic'), url('FF Unit Pro Black Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Pro Ultra Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Pro Ultra Italic'), url('FF Unit Pro Ultra Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Regular'), url('FF Unit Rounded Pro Regular.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Regular'), url('FF Unit Slab Pro Regular.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Italic'), url('FF Unit Slab Pro Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Thin';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Thin'), url('FF Unit Slab Pro Thin.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Thin Italic'), url('FF Unit Slab Pro Thin Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Light'), url('FF Unit Rounded Pro Light.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Light'), url('FF Unit Slab Pro Light.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Light Italic'), url('FF Unit Slab Pro Light Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Medium'), url('FF Unit Rounded Pro Medium.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Medium'), url('FF Unit Slab Pro Medium.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Medium Italic'), url('FF Unit Slab Pro Medium Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Bold'), url('FF Unit Rounded Pro Bold.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Bold'), url('FF Unit Slab Pro Bold.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Bold Italic'), url('FF Unit Slab Pro Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Black'), url('FF Unit Rounded Pro Black.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Rounded Pro Ultra';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Rounded Pro Ultra'), url('FF Unit Rounded Pro Ultra.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Black'), url('FF Unit Slab Pro Black.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Ultra';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Ultra'), url('FF Unit Slab Pro Ultra.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Black Italic'), url('FF Unit Slab Pro Black Italic.woff') format('woff');
}
@font-face {
    font-family: 'FF Unit Slab Pro Ultra Italic';
    font-style: normal;
    font-weight: normal;
    src: local('FF Unit Slab Pro Ultra Italic'), url('FF Unit Slab Pro Ultra Italic.woff') format('woff');
}

sample html

<h3 style="font-family: 'FF Unit Pro Regular'">Fuga voluptates occaecati perspiciatis enim.</h3>
<h3 style="font-family: 'FF Unit Pro Italic'">Quod iusto amet aut doloribus veniam dolor sed.</h3>
<h3 style="font-family: 'FF Unit Pro Thin'">Quaerat sint officia a blanditiis iusto.</h3>
<h3 style="font-family: 'FF Unit Pro Thin Italic'">Quas magni et voluptas non.</h3>
<h3 style="font-family: 'FF Unit Pro Light'">Ut occaecati et ipsam sint quaerat error.</h3>
<h3 style="font-family: 'FF Unit Pro Light Italic'">Exercitationem dolores minima dignissimos et.</h3>
<h3 style="font-family: 'FF Unit Pro Medium'">Incidunt harum amet et voluptas.</h3>
<h3 style="font-family: 'FF Unit Pro Medium Italic'">Unde dignissimos molestiae et pariatur.</h3>
<h3 style="font-family: 'FF Unit Pro Bold'">Voluptatum quis fuga ea alias ducimus corrupti.</h3>
<h3 style="font-family: 'FF Unit Pro Bold Italic'">Et accusamus aut nisi nisi iste.</h3>
<h3 style="font-family: 'FF Unit Pro Black'">Quia et ut expedita id nostrum id blanditiis.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra'">Eum porro itaque cumque quidem.</h3>
<h3 style="font-family: 'FF Unit Pro Black Italic'">Nisi quae omnis consequuntur sit hic.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra Italic'">Non nihil quos aperiam commodi nemo temporibus.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Regular'">Quod et at atque explicabo illo.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Regular'">Eum culpa in et nihil magni molestiae.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Italic'">Debitis ad accusamus velit ex recusandae sit.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin'">Sunt fuga suscipit voluptate facere.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin Italic'">Qui velit vitae doloribus.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Light'">Recusandae asperiores quos maiores assumenda.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light'">Officia sunt sed perspiciatis.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light Italic'">Consectetur dignissimos ad quibusdam.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Medium'">Dolor sed quisquam nisi velit sint aut.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium'">Nam sit iure laboriosam sunt corporis quia.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium Italic'">Maxime architecto architecto eveniet et.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Bold'">Corrupti quia omnis autem vero minus molestias.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold'">Dicta sed non culpa molestiae maiores.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold Italic'">Aut et nam doloribus nulla esse.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Black'">Similique eos adipisci odit ut.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Ultra'">Quas autem et est sint et.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black'">Numquam asperiores optio voluptatem.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra'">Consequatur fugiat est consequatur ut.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black Italic'">Quis eveniet nihil illo sapiente.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra Italic'">Cumque repellendus et id consequatur quae.</h3>

Preview

License

-

Unit is a trademark of FSI FontShop International GmbH

2010 Erik Spiekermann, Christian Schwartz published by FSI FontShop International GmbH