Skip to content
Type & Text

Font File Explorer

Online font viewer: open a TTF, OTF, WOFF or WOFF2 file to preview it at any size with your own text and get ready-to-use CSS, without installing it.

  • #font viewer
  • #ttf viewer
  • #otf viewer
  • #woff2 viewer
  • #font
  • #otf
  • #ttf
  • #woff
  • #glyphs
  • #metadata
100% client-side

Runs in your browser. Your data never leaves this device.

The Workbench
Font File Explorer — workspaceLive

Drop font file here

TTF, OTF, WOFF, or WOFF2, or paste

Network requests0
Bytes uploaded0
Trackers fired0
The Guide

About Font File Explorer

/01 Looking inside a font file

Open a TTF, OTF, WOFF or WOFF2 file and read what is actually in it: the family and style names, version and designer metadata, the licence description, which Unicode ranges it covers, and the OpenType features it ships with.

Useful when you have inherited a font file with an unhelpful name and need to know what it is, what it can do, and whether you are allowed to use it.

/02 Glyph coverage and OpenType features

Coverage tells you whether a font can actually set the languages you need — a face with no Cyrillic or Greek block will silently fall back to something else. Feature tags tell you what typographic controls are available: small caps, oldstyle figures, tabular numerals, ligatures, stylistic sets and alternates.

Knowing the tags matters because you can only switch on a feature the font contains, and many features stay dormant until you ask for them in CSS.

/03 A font viewer that needs no installation

Installing a font just to see what it looks like clutters your system and, for fonts from unfamiliar sources, carries a small risk. This online font viewer opens TTF, OTF, WOFF and WOFF2 files directly in the browser. Drop a file in and you see its preview straight away, with the font never installed or uploaded.

Type your own sample text or use the built-in samples, and check the size waterfall, which shows the same text from small to very large, to judge how the design holds up as body text and as a headline. The font information panel shows the font's name and basic details, and the CSS usage panel gives you an @font-face rule and font-family line ready to paste into a stylesheet.

FAQ

Questions about Font File Explorer.

Which font formats can it open?
The common desktop and web formats — TTF, OTF, WOFF and WOFF2.
Is my font file uploaded?
No. The file is parsed in your browser and never sent anywhere, which matters for licensed or unreleased typefaces.
Why does a feature not do anything in my CSS?
The font has to contain that feature for it to apply. Check the feature list here first — if the tag is not present, no amount of font-feature-settings will produce it.
How do I view a TTF or OTF font without installing it?
Drop the file onto this page. The font loads only inside the browser tab, so you can preview it at any size with your own text without adding it to your computer's font list.
What is the difference between TTF, OTF and WOFF2?
TTF and OTF are desktop font formats used by operating systems and design apps. WOFF and WOFF2 package the same font data compressed for the web, and WOFF2 is the smallest, so it is the format to serve on websites.
Can I check whether a font includes a character before using it?
Yes. Type the characters you need into the preview. Anything the font lacks shows as a fallback or an empty box, which is worth checking for accented letters, currency symbols and non-Latin scripts.
Related
PX to REM Converter

Convert px to rem and rem to px against any root font size, with a quick reference table of common pixel values.

px to remrem to pxtailwind rem
Line Height Calculator

Line height calculator: get readable line heights for any font size as a unitless ratio, pixels or percent, with a live preview.

line height calculatorcss line heightleading calculator
Typography Calculator

Convert points to mm, inches, picas, ciceros, agates, pixels and rem, for print and screen typography, with a quick reference.

points to mmpt to pxpica to inches
Glyph Browser

Browse and copy Unicode characters: symbols, arrows, currency, maths, emoji and more, searchable by name or code point.

unicode charactersspecial characterssymbols copy paste
Word Counter

Free online word counter for words, characters, sentences and paragraphs, with reading and speaking time, updated as you type.

word countercharacter counterspeaking time
Large Type

Show big text on your screen: blow a short password, code or message up to read across a room, with look-alike characters colour-coded.

big textlarge text displayshow text on screen
Text Editor

Free online text editor for Markdown with live formatting, tables, footnotes, focus mode, and export to Markdown, HTML or PDF.

online text editormarkdown editor onlinedistraction free writing
Text Scratchpad

Online notepad that saves in your browser, with tools to change case, sort, remove duplicates, find and replace, and clean up text.

online notepadtext case converterremove duplicate lines
Shavian Transliterator

Shavian alphabet transliterator: convert English text into Shavian script, with alternate spellings for words pronounced more than one way.

shavian alphabetenglish to shavianshavian translator
Text Diff

Online text compare tool: paste or open two versions and see every added and removed line highlighted side by side. Nothing is uploaded.

text comparecompare two textscompare text files