ホームに戻る

フォントプレビュー

同じ文を複数のフォントで比較し、サイズ、太さ、字間、行間を調整できます。

コーディング 結果を待っています
問題を報告

Text samples

Style presets

Matching fonts · 202 fonts

System and UI · Font stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Google Fonts - open source

System and UI

Serif and editorial

Mono and code

Display and handwriting

Korean, Japanese, Chinese

Fine tune

System UI · 32px · 600 · 1.35

Selected font

System UI

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

わかりやすい道具は毎日の作業を軽くします。Gogotem 12345

Headline

わかりやすい道具は毎日の作業を軽くします。Gogotem 12345

Body text

Check balance, spacing, and readability across both short labels and longer sentences before choosing a font.

Button and label

Ready

Numbers

123,456.78 · 2026-06-23 · 09:41

CSS to use

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.35;

Google Fonts import

This font uses a local/system stack, so no Google import is needed.

How to choose quickly

  • Use the comparison tab before deciding. Seeing two to four fonts side by side is faster than switching one by one.
  • Check Korean, English, numbers, and button labels together if the page will mix languages.
  • For dense tools, start around 16-18px body text, 500-700 weight, and 1.45-1.65 line height.

使い方

上の入力値を変更すると結果がすぐに更新されます。重要な判断に使う前に、単位や前提条件を確認してください。

使い方メモ

  • 入力を変えると結果カードがすぐに更新されます。
  • 大切な判断に使う前に、単位と前提条件をもう一度確認してください。
  • 近い条件をいくつか比べると、ツールをより実用的に使えます。

よくある質問

このツールはどのように使えばよいですか?expand_more

必要な値を入力または選択すると、結果が自動的に更新されます。重要な判断には必ず内容を再確認してください。

結果はそのまま使っても大丈夫ですか?expand_more

結果は参考用です。財務、健康、物流など重要な用途では、公式情報や専門家の確認を併用してください。

さらに探す

次に試したいツール

同じカテゴリのツールと Gogotem で人気のツールを続けて探せます。

すべてのツール arrow_forward