Search Ctrl K
Home / Tools
THE FEUTEX TOOLKIT

Font Face CSS Builder

Build a CSS font-face rule with ordered WOFF2, WOFF, TTF or OTF sources, font weight ranges and a swap loading strategy.

Private browser workspace● Runs in your browser
01 Your input
02 Your result

How to use Font Face CSS Builder

  1. Paste the input or use the example.
  2. Adjust any options and run the tool.
  3. Review, copy or download the result.

Example

/fonts/my-font.woff2
/fonts/my-font.woff

Capabilities and limits

Generates CSS for 1–8 font URLs. It does not fetch fonts, check licensing or test CORS. Specify a variable weight range only for a variable font that supports it. Put preferred formats first; file paths must resolve on your website.

Local processing

The tool processes your pasted input on this device. It does not send that input to a FeuTex processing server. Download your result before closing this page.