Bookmarksimple-bookmark

MENU

Font Face Generator

Create your CSS font face rules, simple. Just click the font to generate the CSS @fontface rule.

Why use the @fontface rule?
In the past, we were restricted in using fonts that the user had loaded on their computer. Then we had safe online fonts from Google Fonts for example, but occasionally you will want to use a custom font and the fontface rule allows you to do this.

What browsers support the fontface rule?
The @font-face rule is supported by major browsers including Chrome, Firefox, Safari, Internet Explorer, and Opera.

Click the font to generate your @fontface rule

Helvetica

Helvetica font

Helvetica Neue

Helvetia Neue font

Roboto

Roboto font

Open Sans

Open Sans font

Lato

Lato font

Raleway

Raleway font

PT Sans

PT Sans font

Avenir

Avenir font

Baskerville

Bask font

Adobe Caslon

Adobe Caslon font

Courier

Courier font

Courier New

Courier New font

Futura

Futura font