Google フォントプレビュー カスタマイズ可能なテキスト、サイズ、重さ、文字間隔で Google フォントをプレビューします。

Google Fontsでは、自動形式選択（モダンブラウザーの場合のwoff2）を持つCDN経由でフォントファイルが提供されます。@import方法は、CSS経由でフォントを追加します：@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); familyパラメータでは、フォントと重みを指定します。display=swapパラメータでは、Webフォントの読み込み中にフォールバックフォントで即時テキスト可視性を提供するfont-display: swapが使用されます。複数のフォントは、&family=パラメータで区切られます。パフォーマンス向上のため、必要な重みのみをリクエストしてください。変数フォント（多くのGoogle Fontsでは利用可能）は、wght@100..900構文を使用して単一ファイルにすべての重みを提供します。フォントサブセット化により、必要な文字範囲のみを読み込むことでファイルサイズをさらに削減できます：&text=Helloまたはsubset=latinパラメータ。フォールバックフォントを持つfont-familyプロパティを使用してください：font-family: 'Inter', system-ui, sans-serif。