CSS @font-face Generator

Generate clean @font-face CSS from your settings — family name, weight, style, display and file paths.

Include formats

Об этом инструменте

The @font-face rule tells the browser where to find your font and how to use it. This generator writes a clean rule from your settings — family name, file path, weight, style and font-display — with the right format() hints in the modern order.