フォントプレビューツール

フォントプレビューツールを使うと、任意のGoogle Fontファミリーを読み込み、ウェイト・サイズ・カラー・背景を調整し、カスタムテキストでプレビューし、CSSインポートコードをコピーできます — すべてブラウザ内で、何もインストールせずに行えます。

検索ボックスにGoogle Font名（例：'Playfair Display'）を入力して「フォントを読み込む」をクリックするか、人気フォントリストから名前をクリックします。フォントはGoogle Fonts CDNから取得され、すぐにプレビューエリアにレンダリングされます。

はい。Google Fonts（fonts.google.com）で入手可能な任意のフォントの正確な名前を入力できます。ツールは正しいAPI URLを構築し、利用可能なすべてのウェイト（100〜900）を自動的に読み込みます。

ツールはGoogle Fontsからウェイト100〜900をリクエストします。フォントが特定のウェイトを含まない場合、ブラウザは代わりに最も近い利用可能なウェイトをレンダリングします。

フォントが読み込まれたら、右パネルのCSSコードセクションまでスクロールします。各スニペットの横にあるコピーボタンを使用して、font-family宣言、@import URL、または完全なCSSブロックをクリップボードにコピーします。

6つのプリセットが用意されています：パングラム、アルファベット、数字と記号、Lorem Ipsum、見出しの例、段落の例。カスタムテキストフィールドに独自のテキストを入力することもできます。

いいえ。フォントプレビューツールは完全にブラウザベースです。公開Google Fonts APIを通じてフォントを読み込み、サーバーには何も保存しません。カスタムテキストと設定はブラウザセッション内にのみ存在します。

はい。カラーセクションのカラーピッカーを使用して、テキストとプレビュー背景に任意の16進数カラーを選択します。これはコントラスト比の確認や、暗い背景でのフォントの見た目を確認するのに役立ちます。

フォント名のスペルミス、Google Fontsからのフォントの削除、またはネットワークがfonts.googleapis.comへのリクエストをブロックしている場合に読み込みが失敗することがあります。fonts.google.comで正確な名前を確認してもう一度お試しください。

はい、フォントプレビューツールは完全無料です。フォント自体はオープンソースライセンスのもとでGoogle Fonts CDNから提供されています — 商業プロジェクトで使用する前に、fonts.google.comで各フォントのライセンスをご確認ください。

人気フォントのチップを使ってフォントをすばやく切り替え、同じテキストがどのように変わるかを観察できます。正式な並列比較には、異なるフォントを読み込んだ状態で2つのブラウザタブでツールを開いてください。

CSS font-family宣言は、フォールバックとともにどの書体を使用するかをブラウザに伝えます。例：font-family: 'Roboto', sans-serif; — Robotoが利用できない場合、ブラウザはシステムのデフォルトのサンセリフフォントにフォールバックします。