問題の内容

フォントがどのブラウザーでも機能しない

問題 解決策
埋め込みコードがサイトから欠落しています。 埋め込みコードをサイトに追加します。
埋め込みコードを自分のサーバー上のファイルに縮小しました。

利用条件の下での縮小は許可されず、フォントが正しく読み込まれなくなります。
CSS および JavaScript ファイルコンプレッサーから 埋め込みコードを除外し、以下の埋め込みコードを使用するように Web サイトをアップデートします。
フォントファミリー名が CSS に追加されていません。

入力されたフォントファミリー名をご使用の CSS に追加します。詳細については、CSS セレクターのヘルプページを参照してください。

Ghostery など、ブラウザー拡張機能が Web フォントファイルをブロックしています。 ブラウザー拡張機能を無効にする、またはアドビの Web フォント(旧称 Typekit)を許可するように設定を変更します。

Ghostery で、オプション/オプションのブロック/トラッカー/ウィジェットと移動し、「Adobe による Typekit」のチェックを外します。

フォントがモバイルブラウザーで機能しない

問題 解決策
このブラウザーはサポートされていません。 ブラウザーおよび OS のサポート
スタイルの正しいフォントの太さが CSS で指定されていません。 Web プロジェクトに線幅またはスタイルを追加し、CSS で正しく指定されていることを確認します。

他のブラウザーで表示されるフォントが Firefox で表示されない

問題 解決策
非表示の設定でダウンロード可能なフォントがオフになっています。

別の非表示の設定が、ダウンロード可能なフォントを無効にしています。

  1. 新しいブラウザータブを開き、アドレスバーに about:config と入力します。
  2. 検索フィールドに gfx.downloadable_fonts.enabled と入力します。
  3. 値を true に設定します。これを変更するには、環境設定行をダブルクリックします。
ユーザーフォントをオーバーライドするブラウザー設定がオフになっています。 環境設定で、カスタムフォントがユーザーのブラウザー設定をオーバーライドできるかどうか指定できます。 言語と外観/フォント & カラー/詳細と移動して、「ページ独自のフォントを選択可能にする」オプションを選択します。

他のブラウザーで表示されるフォントが Internet Explorer で表示されない

問題 解決策
ドキュメントモードが古いバージョンのブラウザーに設定されています[IE9 以上]。

別のドキュメントモードを使用すると、間違ったフォントファイル形式がブラウザーに提供されることになります。

以下のような、別のドキュメントモードを使用するよう Internet Explorer に指示するメタタグを削除します

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

ダウンロードしたフォントを無効にするブラウザー設定がオンになっています [IE 8]。 セキュリティ設定で、すべてのダウンロード可能なフォントを無効にできます。 「ツール/インターネットオプション/セキュリティ/カスタムレベル/ダウンロード」で「フォントのダウンロード」を探します。 デフォルトのセキュリティレベルでフォントのダウンロードを有効にします。 セキュリティが「高」に設定されている場合は、フォントが読み込まれない可能性があります。

Internet Explorer ですべてのテキストが斜体になる

問題 解決策
ドキュメントモードが古いバージョンのブラウザーに設定されています。

別のドキュメントモードを使用すると、間違ったフォントファイル形式がブラウザーに提供されることになり、すべてのテキストが斜体に設定されてしまう可能性があります。

以下のような、別のドキュメントモードを使用するよう Internet Explorer に指示するメタタグを削除します

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

Safari および Mobile Safari でフォントが表示されない、または二重に表示される

問題 解決策
CSS で使用されるフォントの線幅またはスタイルは Web プロジェクトに組み込まれていません。 プロジェクトに線幅またはスタイルを追加し、CSS で正しく指定されていることを確認します。

Typecheck ツールを実行する

これらのトラブルシューティング手順で問題が解決しない場合は、Typecheck を使用して Web サイト固有の設定上の問題がないかどうかを確認します。Typecheck の結果には、CSS ファイルで使用する必要があるフォントファミリー名のリストも含まれています。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー