ウェブサイト、Windows 11、Linux で Google Sans フォントを使用する方法

James Mitchell included in Guides Linux Windows 11 (25H2) Fonts Windows 10

2026-02-22 162 words One minute

Contents

<本文>

免責事項: Google Sans は、Product Sans フォントのサイズが最適化されたバージョンです。このフォントは Google の制限付きライセンスに該当するため、誰でも使用できるわけではないことに注意してください。

誰かがあなたのウェブサイトにアクセスしたとき、グラフィックは彼らにとって重要ではありません。情報源がテキストであるため、彼らが読むのはテキストコンテンツだけです。グラフィックとテキストのバランスをとってください。したがって、基本的にタイポグラフィーとはテキストを調整することを意味し、優れたタイポグラフィーはウェブサイトのトーンに重要な役割を果たします。優れたタイポグラフィーは優れたユーザーエクスペリエンスを保証します。繰り返しますが、タイポグラフィーは、テキストコンテンツの美的価値を維持しながら、Web サイトのすべてのコンテンツを配置するアートです。 Web サイトのフォントを選択するのはそれほど簡単ではありません。見出しと投稿本文に異なるフォントを決める必要があります。大量のフォントを探索できる Google Fonts を使用して、さまざまなフォントの組み合わせをテストします。 Google フォント Web サイトのフォントはすべて無料で誰でも使用できます。

ウェブサイトで Google Sans を使用したい場合は、その方法を次に示します。

Google Sans 、どのように見えるかを見てください。

WordPress サイトに Google Sans フォントを追加する

以下のコードは、オリジナルの Google API から取得したものです。ウェブサイトやブログで Google Sans を使用するには、まずソースを追加する必要があります。次に、それをどこで使用するかを宣言します。 API にはすべてのフォント言語のバリアントが含まれています。ここでは、フォントの太さ 400 (標準) と 500 (中) のラテン語バージョンを示します。

これとは別に、フォントウェイト 700 など、他にもかなりの数のバリエーションがあります。ギリシャ語、ベトナム語、キリル文字などの言語が増えています。

。

ソースを追加します。

一部の WordPress テーマでは、テーマ設定にカスタム CSS コードを追加するオプションがあります。これは、それに応じて CSS 値を追加または変更する必要があるのとまったく同じです。たとえば、フォントの色を変更する必要があります。新しい CSS コードを追加します。サイトをロードすると、追加したコードが適用されて古いコードがオーバーライドされるため、新しいフォントの色が表示されます。

Google Sans ソースを追加するには、次のコードをコピーし、WordPress > 外観 > エディター > 追加 CSS エリアに貼り付けます。 HTML 経由で追加したい場合は、読み続けてください。

WordPress テーマファイルにアクセスできる場合は、次の行を追加します。この方法は、WordPress、Blogger、および Github ページで機能します。ヘッダーとフッターの挿入 WordPress プラグインを使用すると簡単になります。

フォントを追加するもう 1 つの方法は、スクリプトを 1 行に追加して、ヘッダーやフッターの挿入などのプラグインを使用できるようにすることです。インストールすると、スクリプトを追加するためのテキストフィールドが表示され、次のスクリプトを挿入できます。

それを宣言します。

ソースを追加した後、本文を投稿するフォントファミリーを宣言する別の CSS コードを追加します。どこにそれを適用する必要があるかを判断するには、検査ツールを使用する必要があります。

body p {font-family: Google Sans;}

次の行を入力して、Web サイト全体にフォントを設定します。

body {font-family: Google Sans! important;}

それでも問題が解決しない場合は、コメントを残してください。喜んでサポートさせていただきます。

ブロガーのブログで Google Sans フォントを使用する

Blogger または Blogspot は、Google の無料ブログサービスです。テーマスクリプトは編集できるため、この行を追加すると、Google Sans フォントがブロガーブログに追加されます。

ブロガーブログにアクセスします。
「テーマ」に移動します。
「HTML の編集」をクリックします。
次のコードを「」タグの後に貼り付けます。

その他のオプション。

デスクトップ用 Google Sans (TTF) をダウンロードします。

Google Sans は、Product Font のサイズが最適化されたバージョンです。 Product Sans は befont の Web サイトから無料で入手できます。

このフォントは誰でも使用できるわけではないことに注意してください。ただし、このフォントを使用すると Google から著作権侵害の申し立てを受けると考えるのは愚かです。会社、スタートアップ、または製品で働いている場合を除き、このフォントを使用できます。たとえ何の責任も負わないのに。

*️⃣ 出典リンク:

Google Fonts 、ヘッダーとフッターの挿入、デスクトップ用 Google Sans のダウンロード (TTF) 、 befont ウェブサイト、