ツール ガイド
Design 無料 サインアップ不要

Typeface Tester

Live font preview with Google Fonts and side-by-side comparison

ツールを読み込み中…

このツールについて

Preview any of 50 popular Google Fonts with your own custom text. Adjust size, weight, line height, and letter spacing. Pick background and text colors. Switch between preset pangrams or type your own copy. Use the side-by-side comparison mode to evaluate two fonts at once before committing to a typography choice.

使い方

  1. 1 Type your custom text in the input area, or select a preset pangram.
  2. 2 Choose a font family from the dropdown. The preview updates immediately.
  3. 3 Adjust size, weight, line height, and letter spacing with the controls.
  4. 4 Pick a background and text color to match your design.
  5. 5 Toggle 'Compare Mode' to open a second panel and compare two fonts side-by-side.

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}