ローディングのヒントとWordPressのRogientブロックフォント

ロジェント・ブロック非常に個性的で幾何学的な構造と太い線を持つサンセリフフォントで、より技術的でトレンディな雰囲気のウェブサイトに特に適している。あなたのウェブサイトにこのようなハードでモダンなスタイルが必要なら、Rogient Blockをワードプレスぜひお試しあれ。

この記事では、Rogient BlockフォントがWordPressでどのように機能するかについて、アップロード、取り込み、ページ上での表示までの完全なプロセスを含め、すべてを紹介します。

I. フォントファイルの準備

まず、Rogient Blockフォントをダウンロードする必要があります。 .ttf もしかしたら .otfそして時には .woff もしかしたら .woff2.

ウェブページにフォントを読み込むことが目的であれば .woff もしかしたら .woff2より小さく、より速くロードされ、よりブラウザフレンドリーである。

ダウンロードしたファイルを解凍してしまってください。

次に、WordPressのウェブサイトにフォントをアップロードする。

WordPressでカスタムフォントを使用するには、そのためのプラグインを使用することをお勧めします。最もよく使われているのは

カスタムフォントプラグイン

バックステージ → プラグイン → プラグインのインストール
カスタムフォント」を検索し、「インストールと有効化」をクリックする。
インストールしたら、バックステージ → 外観 → カスタムフォント
"ロジェント・ブロック "という新しいフォントを追加する。
フォントファイルのアップロード（推奨） .woff 歌で応える .woff2)
設定の保存

これでWordPressにフォントが追加されました。

III.テーマに沿ったフォントの使用

テーマによってカスタムフォントのサポート方法は異なりますが、以下のようなテーマを使っている限りは、カスタムフォントに対応しています。アストラブロックシー、ジェネレートプレスケイデンスカスタムフォントをサポートするこれらのテーマは、テーマ設定であなたがアップロードしたフォントを直接呼び出すことができます。

例えばアストラだ：

バックステージ → ダッシュボード → タイポグラフィー

フォントオプションで、先ほど追加した「Rogient Block」を見つける。

見出し、本文、ボタン、その他必要な箇所に適用する。
発行保存

を使用している場合はエレメンタル・プロこのフォントは、Elementorの「サイト設定 → タイポグラフィ」で直接選択することもできます。

第四に、プラグインを使用せず、直接コードの導入で結構です。

プラグインを使いたくない場合は、手動でフォントファイルをテーマディレクトリにアップロードしてカスケーディングスタイルシート導入された。例えば

ハンドルを持つオブジェクトの分類器 .woff2 ファイルは現在のトピックの フォント ファイル
のテーマを編集する。 スタイル.css ドキュメンテーション、プラス：

フォントフェイス
  font-family: 'Rogient Block'；
  src: url('fonts/rogient-block.woff2') format('woff2')；
  font-weight: normal；
  font-weight: normal; }
}

次に、このフォントを使用するページ要素を指定します：

h1, h2, .site-title {.
  font-family: 'Rogient Block', sans-serif；
}

保存後、ページを更新すると新しいフォントが反映されます。

V. フォントの互換性とローディングの推奨

ロジェント・ブロック・フォントはユニークなスタイルですが、すべてのシステムでデフォルトでサポートされているわけではありません。にアプローチは信頼できるものでなければならない。

推薦します：

複数のフォント形式を提供（例 .woff2 歌で応える .ttf)
さらに、例えば代替フォント：

font-family: 'Rogient Block', 'Arial', sans-serif；

高速表示のためにプリロードされたフォント（で利用可能です。 <head> (プリロード・リンクを追加）

概要

WordPressのウェブサイトでRogient Blockフォントを使いたい場合、プラグインを使ってアップロードするか、手動でCSSを記述して実現することができます。テーマやページエディタで設定すれば、ページに完璧に表示されます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み