@font-face Generator

Generate CSS @font-face declarations for custom web fonts with live preview

Font Family

Family Name

The name you'll use in font-family declarations

Font Variants

Options

font-display

unicode-range (optional)

Preview

Preview Text

The quick brown fox

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

CSS Code

HTML Usage

Copied!