WordPressサイトへのGoogleフォントの埋め込み

Google Fontsは、2010年の開発以来、カスタムWebタイポグラフィの頼れるリソースになりました。Googleがここでフロントランナーになった主な理由は3つあります。まず、十分にまともなフォントサービスがなかったので、Googleはその空白を埋めました。第二に、最初から、彼らが提供した多様性は比較的素晴らしかった。現在、800を超えるフォントがさまざまなスタイルで利用できます。第三に、これらのフォントは無料で入手できるため、特に魅力的です。

さらに、それらは驚くほど簡単に設計プロジェクトに統合できます。これらのGoogleFontsをWordPressサイトに含める方法を紹介します。

Google Fonts

まず、使用するフォントを選択する必要があります。さまざまなオプションがあるので、かなり大きなメニューから選択できます。Googleのフォントページにアクセスすると、それらを見つけることができます 。特定のフォントを探している場合は、検索ボックスにフォントの名前を入力するだけで、サンプルが表示されます。

使用できる他の検索パラメーターもあります。検索ボックスのすぐ下には、カテゴリと呼ばれるボタンがあります。これをクリックすると、5つのオプションを含むドロップダウンメニューが表示されます。これらは次のとおりです。

• セリフ–これらは、文字の上下のストロークに由来する短い線のあるフォントです。Times NewRomanとSylfaenが良い例です。
• サンセリフ–名前が示すように、これらはこれらの小さな線のないフォントです。彼らはシンプルでクリーンな美学を持っている傾向があります。
• ディスプレイ–これらは注目を集めるフォントと呼ばれるものです。長いテキストよりも見出しに最適です。
• 手書き–これらのフォントは、誰かが手書きで書いたように見せます。多くの人が筆記体であるか、間隔の一貫性が低いことがわかります。
• モノスペース–タイプライターのように、それらの文字は同じ水平方向の幅を占めます。それらは非常に一貫した間隔で配置されます。

これらに加えて、言語やフォントのプロパティの選択など、他のオプションから選択することもできます。後者には、スタイルの数、厚さ、傾斜、および幅が含まれます。

WordPressへのフォントの埋め込み

これらのユニークなフォントをWordPressサイトに含めたい場合は、いくつかの方法を試すことができます。

CSSの使用

Googleが選択したフォントをクリックすると、詳細なフォントページに移動します。右上隅に「+」記号があります。それをクリックすると、サイドウィンドウが開きます。「埋め込み」をクリックします。

これで、@ importをクリックできます。これにより、コピーする必要のあるCSSコードが開きます。WordPressテーマのスタイルシートに移動し、最初に貼り付けます。なしでインポートリンクをコピーしたことを確認してください