Google Fontsは、2010年の開発以来、カスタムWebタイポグラフィの頼れるリソースになりました。 Googleがここでフロントランナーになった主な理由は3つあります。 まず、十分にまともなフォントサービスがなかったので、Googleはその空白を埋めました。 第二に、最初から、彼らが提供した多様性は比較的素晴らしかった。 現在、800を超えるフォントがさまざまなスタイルで利用できます。 第三に、これらのフォントは無料で利用できるため、特に魅力的です。
さらに、それらは驚くほど簡単に設計プロジェクトに統合できます。 これらのGoogleFontsをWordPressサイトに含める方法を紹介します。
Google Fonts
まず、使用するフォントを選択する必要があります。 さまざまなオプションがあるので、かなり大きなメニューから選択できます。 あなたはに向かうことによってそれらを見つけることができます Googleのフォントページ. 特定のフォントを探している場合は、検索ボックスにフォントの名前を入力するだけで、サンプルが表示されます。
使用できる他の検索パラメーターもあります。 検索ボックスのすぐ下には、カテゴリと呼ばれるボタンがあります。 これをクリックすると、5つのオプションを含むドロップダウンメニューが表示されます。 これらは次のとおりです。
- セリフ–これらは、文字の上下のストロークに由来する短い線のあるフォントです。 Times NewRomanとSylfaenが良い例です。
- Sans Serif –名前が示すように、これらはこれらの小さな線のないフォントです。 彼らはシンプルでクリーンな美学を持っている傾向があります。
- ディスプレイ–これらは注目を集めるフォントと呼ばれるものです。 長いテキストよりも見出しに最適です。
- 手書き–これらのフォントは、誰かが手書きで書いたように見せます。 多くの人が筆記体であるか、間隔の一貫性が低いことがわかります。
- モノスペース–タイプライターのように、それらの文字は同じ水平方向の幅を占めます。 それらは非常に一貫した間隔です。
これらに加えて、言語やフォントのプロパティの選択など、他のオプションから選択することもできます。 後者には、スタイルの数、厚さ、傾斜、および幅が含まれます。
WordPressへのフォントの埋め込み
これらのユニークなフォントをWordPressサイトに含めたい場合は、いくつかの方法を試すことができます。
CSSの使用
Googleが選択したフォントをクリックすると、詳細なフォントページが表示されます。 右上隅に「+」記号があります。 それをクリックすると、サイドウィンドウが開きます。 「埋め込み」をクリックします。
今、あなたはクリックすることができます @輸入。 これにより、コピーする必要のあるCSSコードが開きます。 WordPressテーマのスタイルシートに移動し、最初に貼り付けます。 インポートリンクをコピーしていないことを確認してください