🔡 WebFont Converter
Generate @font-face CSS for custom web fonts
Font Details
Font Family Name
Font Path (relative)
Variants
Weight
100 Thin
200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black
Style
Normal
Italic
Display
swap
auto
block
fallback
optional
Formats
WOFF2
WOFF
TTF
OTF
+ Add Variant
Generated CSS
📋 Copy
Usage Preview
The quick brown fox jumps over the lazy dog
Copied!