工具 指南
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.) #}