なぜウェブサイトは誤ったフォントを表示するのか?

ウェブサイトが正しくないフォントを表示する場合、エディターでブロックを修正する際に、手動で異なるフォントを割り当てたことが原因である可能性があります。
この場合、ブロック設定はリセットされ、デフォルトのフォントが表示されます。
この問題についてもっと知る
例えば、サイト設定の「フォントと色」タブで、最初にRobotoフォントを指定したとします。その後、ブロック内のテキストをハイライトし、表示されるコンテキストメニューでこのフォントを手動で指定しました。
その後、サイト設定でフォントをOpen Sansに変更しました。フォントを手動で指定していないブロックでは、テキストはOpen Sansで表示されます。しかし、フォントを手動で指定したブロックでは問題が発生します。これは、以前のフォント(Roboto)がウェブサイトに接続されていないためです。

重要:ブロックの編集中にコンテキストメニューで指定した手動設定は、他の組版設定と競合する可能性があります。
問題の解決方法
ページエディターで、必要なブロックを見つける→テキスト内の任意の場所をクリック→フォントは自動的にサイト設定で追加したフォントに変更されます。
フォント設定を手動でリセットすることもできます。その場合は、ドロップダウンメニューから「フォントファミリーを削除」オプションを選択するか、テキスト編集ツールバーの「書式をクリア」をクリックします。
フォントの追加方法によるフォントのトラブルシューティング
CSSファイルからインストールしたフォント(独自フォントまたはGoogle Fonts)が表示されない。
フォントファイルを使用してカスタムフォントを追加する際に発生する可能性のある問題
基本的なフォントに関する問題の可能性
ウェブサイトを開いたときにシステムフォントが最初に読み込まれる
CSSファイルを使ってフォントを追加


フォント名(font-family)がCSSファイルのデータと一致している必要があります:サイト設定 → フォントと色 → カスタム設定 → 独自のフォントタブ → フォントファイルをアップロード。
重要:CSSファイルを使用してフォントを追加する場合、フォントをプロジェクトに接続するサーバーが、どのドメインへのシードに対してもAccess-Control-Allow-Origin CORSに対応していることを確認してください。(Access-Control-Allow-Origin:*)。外部CSSファイルによるカスタムフォントの追加については、カスタムCSSファイルの接続ガイドをご覧ください
Google Fontsライブラリからフォントを追加
フォントを追加する際、サイト設定のフォント名がGoogle Fontsのフォント名と一致していることも重要です。
また、Google Fonts CSSファイルへのリンクを確認してください:
https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap
ファイルとしてアップロードされたカスタムフォント
アップロードしたWOFFファイルの下に、フォントの正式名称が指定されているか確認してください。サイト設定 → フォントと色で、見出しやテキストに同じ名前を指定する必要があります。
フォントがラテン文字では正しく表示されるが、キリル文字やギリシャ文字では問題がある場合、フォントがキリル文字やギリシャ文字に対応しているかどうかを確認する必要があります。この情報は、フォントを購入したサービスで確認することができます。

また、フォントコンバータによっては、変換時にキリル文字やギリシャ語のバージョンが破損することがあります。これはFontDrop!サービスで確認できます。フォントファイルの変換には、WOFFerの使用をお勧めします。
フォントライブラリから追加されたフォント
エクスポートされたプロジェクトでは、基本的なフォントで問題が発生することがあります。

Tilda 、いくつかのフォントは、以下のフォントライブラリから提供されています。 タイプ今日 パートナーシップ契約に基づき、これらのフォントを提供するサービス:

  • グラフィク
  • カジミア

これらのフォントやその他のビルトインフォントをエクスポートしたウェブサイトで正しく表示するには、サイト設定 → ドメインでウェブサイトをエクスポートするドメインを追加する必要があります。ドメイン名を指定するだけで十分で、接続する必要はありません。

フォントの読み込みが非常に遅い
フォントファイルの読み込みには時間がかかります。

ページの読み込み速度を高く保ち、訪問者が待ち時間にイライラするのを防ぐため、最も重要なコンテンツが最初に読み込まれ、その後に他の要素が読み込まれます。そのため、カスタムフォントが読み込まれる前にシステムフォントが表示されます。

「その他」カテゴリのТ228ブロックをページに追加することができます。ページの読み込み速度が遅くなり、ブラウザはカスタムフォントでテキストを表示します。

ウェブページを開いているときにブラウザがちらつく場合は、システムフォントを読み込んでからカスタムフォントを読み込んでいます。これはエラーではなく、完全に正常です。
製造元
Tilda