Tiny Online Tools logoTiny Online Toolssearchツールを検索…grid_viewすべてのツール
ホームchevron_rightデザインツールchevron_rightフォントプレビューフォントプレビュー

フォントプレビュー

Google Fonts をカスタムテキストとスタイルでプレビューします。

Google Fonts の名前を入力するか、一覧から選択してください。Enter を押すか「フォントを読み込む」をクリックします。プレビュー
フォント確認用のサンプルテキストです。
文字セット
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !@#$%^&*()-+[]{}|;:,.<>?
人気のフォント

関連ツール

フォントペアジェネレーター

フォントペアジェネレーター

プロジェクト向けのキュレーションされたGoogle Fontsのペアリングを見つけます。

テキストシャドウジェネレーター

テキストシャドウジェネレーター

ライブプレビュー付きで CSS text-shadow を作成します。

文字間隔ツール

文字間隔ツール

CSS の letter-spacing を調整し、読みやすさと一緒に確認できます。

行間計算ツール

行間計算ツール

読みやすいタイポグラフィのための最適な行間を計算します。

PDF 分割

PDF 分割

PDF ファイルを個別ページまたはページ範囲に分割します。

進数変換ツール

進数変換ツール

2進数、8進数、10進数、16進数をすぐに相互変換できます。

PDF レイヤー インスペクター

PDF レイヤー インスペクター

技術系 PDF のオプショナルコンテンツ(レイヤー)を確認して切り替え、印刷されないレイヤーを見つけ、現在の表示状態を反映したコピーを書き出せます。

apps

もっと見る

無料オンラインツールの全コレクションを見る。

本番で使う前に、実際の文脈でフォントを確認

フォントは小さな見本では良く見えても、実際の文章量やサイズ、行間に入ると印象が変わることがあります。このプレビューなら、自分のテキストと設定で Google Fonts を試せます。

こんな場面で便利です

候補の比較、ウェイトやスタイルの確認、文字色や字間、行間の問題の早期発見に向いています。最終決定の前に、実際の UI に近いテキストでも確認しておくと安心です。