Generate Font Face CSS Online

Create a FONTFACECSS output for @font-face styling from your uploaded file in your browser.

Font family
Sources
Descriptors
Generated CSS8 lines
@font-face {
  font-family: 'My Font';
  src: url('fonts/myfont.woff2') format('woff2'),
       url('fonts/myfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Font Face CSS Generator

Generate @font-face CSS declarations from your hosted font files. Configure family, weight, style, font-display, and unicode-range; copy production-ready CSS.

Related Convert tools
Convert Ttf To Woff2Convert Otf To Woff2Convert Woff To TtfConvert Woff2 To TtfConvert Ttf To OtfConvert Otf To Ttf
Related Generate tools
Font Subsetter