Please@font-face
Safe to usecssUse Google Fonts for hundreds of free, open-source fonts optimized for the web.
- Verdict
- Safe to use
- Category
- CSS features
- Browser support
- Can I Use
- Works in
- all modern browsers
Should you use @font-face in 2026?
Font Squirrel Generator for fonts you have license for using as web fonts. Always reference several font formats; WOFF2 is preferred, followed by WOFF, TTF/OTF. If you have to support outdated browsers (like old versions of IE and iOS Safari), also add EOT and SVG font formats. At CSS-Tricks you find a good article about a bullet-proof way of serving web fonts.
If you have to be aware of loading speed, take a look at A Comprehensive Guide to Font Loading Strategies.
How to use it
@font-face {
font-family: 'Inter';
src: url('/fonts/inter.woff2') format('woff2');
font-display: swap; /* show fallback text while the font loads */
}