Elementorに付属している800以上のGoogle Fonts以上のフォントが必要な場合、あなたのウェブサイトにカスタムフォントを簡単に追加することができます。この短いビデオを見てください。
カスタムフォントのアップロード
- WordPressのダッシュボードのElementor > Custom Fontsに移動します。
- 新規追加をクリックします。
- フォントに名前を付けて、「フォントのバリエーションを追加」をクリックします。
利用可能なフォント形式は以下の通りです。
- Web Open Font Format (WOFF) – WOFFは、すべての最新ブラウザでサポートされているため、使用することを最も推奨するフォーマットです。
- The Web Open Font Format (WOFF 2.0) – WOFF 1.0よりも優れた圧縮を提供するTrueType/OpenTypeフォントです。
- TrueType Fonts (TTF) – このフォントは 1980 年代後半に Apple と Microsoft によって開発されました。
- SVG Fonts/Shapes – SVG フォントは、テキストを表示する際に SVG をグリフとして使用することができます。古いバージョンのiPhoneをサポートするために、このフォーマットを使用するようにしてください。
- Embedded OpenType Fonts (EOT) – このフォントファイルは IE で動作しますが、他のブラウザでは動作しません。IE の以前のバージョンをサポートするために、このフォーマットを使用するようにしてください。
ウェイト＆スタイル
- フォントの太さを選択します。すべてのウェイトが表示されますが、カスタムフォントがサポートしているウェイトのみを選択してください。詳細はこちらをご覧ください。
- スタイルを選択します。
- クリックして発行します。
- フォントのバリエーションごとに繰り返します。
カスタムフォントの表示
Elementorでテキストを編集する際に、新しく追加されたフォントが表示されます。
- STYLEタブに移動します。
- タイポグラフィ > ファミリーの下に、新しいカスタムフォントが表示されます。
ヒント：Adobe Fonts（Typekit）をお使いの方はこちらの記事をご覧ください。
トラブルシューティング
問題が発生した場合は、このトラブルシューティングガイドを確認してください。