English

Preview a WOFF font online, free

Preview .WOFF fonts online. See every glyph, test your own text and read font details, free font viewer.

Drop your .WOFF file here

Opens your .WOFF file right here.

Choose .WOFF file
Up to 100 MB · never installed or uploaded
Instant. Opens in seconds
No install. Nothing touches your system
Free. CSS @font-face ready

How to preview a .WOFF file online

See your .WOFF file in action before you install it, license it or send it to a client.

01

Pick your .WOFF file

Drag it in or click to choose it, or try one of the samples below. Nothing is installed or uploaded from your device.

02

Type and test

Write your own text, change the size, switch OpenType features like ligatures and small caps, and move variable-font sliders.

03

Inspect and use

Browse every glyph with its outline, check language coverage, read the licence and copy ready-made @font-face CSS.

About .WOFF files

What a .WOFF file is, and what's inside it.

A WOFF file is a web font, a TrueType or OpenType font compressed for fast delivery to browsers via CSS @font-face. Browsers load it automatically; you never open it directly. To install it on your desktop, convert the WOFF to TTF or OTF first using FontForge or a web converter. For new websites, use WOFF2; it is about 30% smaller.

Programs that open .WOFF files

Windows
FontForge, Transfonter (web), Web browser (Chrome/Firefox/Edge)
macOS
FontForge, Transfonter (web)
Linux
FontForge, fontTools (Python)
Web
Transfonter / online font converters
.WOFF format details
Full nameWeb Open Font Format
DeveloperW3C WebFonts Working Group (originated by Mozilla, Type Supply, LettError)
First released2009; W3C Recommendation December 2012 (WOFF 1.0)
CategoryFonts
MIME typefont/woff
Signature77 4F 46 46 "wOFF" - WOFF 1.0 signature at offset 0

Related viewers

Other free viewers that work the same way.

Does opening a .WOFF file install it on my computer?

No. The font is loaded only inside this browser tab and disappears when you close it. Nothing is installed or uploaded.

How do I know which languages a font supports?

Open the Languages tab. We check the font's character map against the letters each language needs, for example ą ć ę ł ń ó ś ź ż for Polish, and show what's missing.

What are OpenType features?

Optional typographic extras built into a font: ligatures, small caps, old-style or tabular figures, fractions, stylistic sets. Switch them on and off in the Type tester to see what your font offers.

Can I use this font on my website?

Technically yes. Copy the @font-face CSS from the side panel. Legally, check the licence shown in the font info: many fonts are free (SIL Open Font License), others need a web licence.

Why does my Type 1 font look like an image?

Browsers can't use Type 1 fonts, so we render a specimen with Ghostscript instead. You can still type your own sample text and zoom in.

Was this tool helpful?

Your rating helps us decide which tools to improve next.

Be the first to rate this tool.
Found a problem?