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'">Qui sit tempore et rerum eum iste qui enim.</h3>
<h3 style="font-family: 'FF Unit Pro Italic'">Voluptate ipsum qui error voluptates enim iure.</h3>
<h3 style="font-family: 'FF Unit Pro Thin'">Enim qui voluptatem porro aut aliquam minima.</h3>
<h3 style="font-family: 'FF Unit Pro Thin Italic'">Numquam adipisci quia aliquid et.</h3>
<h3 style="font-family: 'FF Unit Pro Light'">Laboriosam unde sint et cum aut.</h3>
<h3 style="font-family: 'FF Unit Pro Light Italic'">Ea in omnis et dolores natus.</h3>
<h3 style="font-family: 'FF Unit Pro Medium'">Unde corrupti fugiat ullam rerum sed cupiditate.</h3>
<h3 style="font-family: 'FF Unit Pro Medium Italic'">Esse veritatis quas perferendis porro.</h3>
<h3 style="font-family: 'FF Unit Pro Bold'">Eligendi odio autem ad animi fuga.</h3>
<h3 style="font-family: 'FF Unit Pro Bold Italic'">Modi quam possimus est omnis harum.</h3>
<h3 style="font-family: 'FF Unit Pro Black'">Aut blanditiis architecto velit.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra'">Quis aspernatur inventore in omnis qui illo.</h3>
<h3 style="font-family: 'FF Unit Pro Black Italic'">Et optio molestiae aperiam.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra Italic'">Enim et necessitatibus et qui dolor sint.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Regular'">Quasi est modi aut.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Regular'">Rerum consequatur aliquid aut provident quas.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Italic'">Itaque sunt itaque saepe odio et ratione.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin'">Doloribus corporis ad aut doloribus.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin Italic'">Rerum provident dolores et ipsa a ea aliquid.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Light'">Totam eum ratione reprehenderit esse.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light'">Similique odio assumenda et molestiae quis.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light Italic'">Suscipit error facilis quam similique rerum.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Medium'">Labore eum fugiat explicabo maiores.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium'">Blanditiis porro provident quia est.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium Italic'">Deserunt doloribus quos et iure expedita.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Bold'">Maiores neque quidem nam rerum nostrum.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold'">Quae pariatur et est voluptatum.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold Italic'">Accusantium dolor voluptates consequatur sed.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Black'">Sed eligendi est in.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Ultra'">Blanditiis rerum esse sint voluptas beatae eos.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black'">Dicta impedit explicabo modi adipisci.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra'">Hic doloremque est cumque ut.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black Italic'">Voluptatum reprehenderit expedita laboriosam.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra Italic'">Et laudantium tempora unde.</h3>

Preview

License

-

Unit is a trademark of FSI FontShop International GmbH

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