フォントファイル探索

Audition a font without installing it

Font Explorer loads a local font file into the browser, registers it with the FontFace API, and renders live samples at different sizes. It is handy when you want to compare typefaces, check coverage of common glyph sets, or grab a quick @font-face snippet before committing the file to a project.

1. Load a font

• Drop zone. Drag a font file onto the dashed area or click to open a file picker. TTF, OTF, WOFF, and WOFF2 are accepted; other extensions are rejected with a message.
• Paste support. Copying a font file in the OS file manager and pasting on the page also triggers loading, useful when the font lives in a different folder.
• Clear button. Removes the loaded font, revokes the blob URL, and resets the preview area so a new file can be tried.

2. Preview controls

• Preview text. Type any string into the input to render it in the loaded font. The text is rendered locally and is not stored.
• Size selector. Switches the main preview between 12px and 96px steps so you can judge legibility at body, heading, and display sizes.
• Sample texts. Fixed phrases, alphabets, digits, and punctuation render automatically so you can check pangrams, capital letters, lowercase letters, and symbol coverage.
• Size waterfall. Shows the same short string at eight sizes stacked vertically, which is the fastest way to spot hinting or weight issues across scales.

3. Information and CSS

• Font Information. Shows the original file name and a derived PostScript-style name. The note explains that fields like designer or license require a font-table parser.
• CSS Usage. A copyable @font-face block built from the file name with the correct format hint for woff2, woff, otf, or ttf.