CSS @font-face Code Generator
Compile CSS font-face directives with woff2, woff, and ttf font fallbacks
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
Generates valid css font-face rules to load custom local web fonts.
How to use
- Enter font family identifier.
- Provide paths to font files (woff2, woff, ttf).
- Configure weight and style attributes, then copy code.
FAQ
- What is font-display?
- It determines how the browser displays text while the web font is loading. Swap is recommended.