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'">Laboriosam et necessitatibus nisi explicabo.</h3>
<h3 style="font-family: 'FF Unit Pro Italic'">At odit minima voluptatem at.</h3>
<h3 style="font-family: 'FF Unit Pro Thin'">Culpa eum doloremque quo recusandae.</h3>
<h3 style="font-family: 'FF Unit Pro Thin Italic'">Voluptatem velit provident et perferendis.</h3>
<h3 style="font-family: 'FF Unit Pro Light'">Id nam itaque omnis enim ratione odit.</h3>
<h3 style="font-family: 'FF Unit Pro Light Italic'">Blanditiis optio aut ea aut ipsa voluptas.</h3>
<h3 style="font-family: 'FF Unit Pro Medium'">Enim in quo beatae totam dolorem.</h3>
<h3 style="font-family: 'FF Unit Pro Medium Italic'">Cum neque est sed qui minima.</h3>
<h3 style="font-family: 'FF Unit Pro Bold'">Consequatur et aut aut quae.</h3>
<h3 style="font-family: 'FF Unit Pro Bold Italic'">Ipsum velit quia aut consequatur enim.</h3>
<h3 style="font-family: 'FF Unit Pro Black'">Ea enim atque dolor totam.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra'">Fugiat sed sed dicta blanditiis.</h3>
<h3 style="font-family: 'FF Unit Pro Black Italic'">Ullam at quam vel quis tenetur consequatur.</h3>
<h3 style="font-family: 'FF Unit Pro Ultra Italic'">Qui sed nam dolores quos.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Regular'">Sit et aut et sed et.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Regular'">Consequatur tempora et deleniti itaque dolor.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Italic'">Quia consequatur iure quae provident.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin'">Amet dolorem cupiditate deleniti numquam eaque.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Thin Italic'">Quisquam qui amet non saepe facere.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Light'">Soluta explicabo voluptatem tenetur eveniet.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light'">Sed qui eius non.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Light Italic'">Et animi et rerum suscipit.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Medium'">Illum sapiente porro amet dignissimos ipsa.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium'">Occaecati ullam eos quia id sed.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Medium Italic'">Quis delectus ea itaque reprehenderit.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Bold'">Consequatur suscipit voluptatem dolorem.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold'">Dolor voluptatem et hic ut.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Bold Italic'">Distinctio hic sit non eius aut.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Black'">Omnis ex officiis et.</h3>
<h3 style="font-family: 'FF Unit Rounded Pro Ultra'">Quod sint eaque voluptates quis quos.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black'">Qui soluta quis eveniet odit reiciendis.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra'">Voluptates ipsum commodi id ea facere.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Black Italic'">Tempore voluptatem nemo pariatur suscipit sequi.</h3>
<h3 style="font-family: 'FF Unit Slab Pro Ultra Italic'">Modi et repellendus aut iure.</h3>

Preview

License

-

Unit is a trademark of FSI FontShop International GmbH

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