マニュアル キャンセル

トラブルシューティングガイド:web サイトへのフォントの追加

  1. Adobe Fonts ユーザガイド
  2. はじめに
    1. システムおよびサブスクリプション要件
    2. ブラウザーと OS のサポート
    3. コンピューターへのフォントの追加
    4. Web サイトへのフォントの追加
    5. CC Mobile でのフォントの追加
  3. フォントのライセンス
    1. フォントのライセンス
    2. アカウントの管理
    3. Creative Cloud エンタープライズ版のお客様へのライセンス供与について
    4. アカウントへのフォントライセンスの追加
    5. サブスクリプションライブラリからのフォントの削除
    6. 中国で登録された Adobe ID は Adobe Fonts の利用対象外
    7. Creative Cloud サブスクリプションにこれらのフォントが含まれていない理由
    8. 2021 年 9 月に Morisawa フォントを一部提供を停止
  4. フォントの入手と使用
    1. Creative Cloud アプリケーションでの Adobe Fonts の使用
    2. フォントの管理
    3. デスクトップアプリケーションでの見つからないフォントの解決
    4. InDesign でのフォントの使用
    5. フォントとタイポグラフィ
    6. HTML5 Canvas ドキュメントでの web フォントの使用
    7. InCopy でのフォントの使用
    8. Muse での web フォントの使用
    9. フォントファイルのパッケージング
    10. トラブルシューティングガイド:フォントの追加
    11. 追加したフォントがフォントメニューに表示されない
    12. 「1 つ以上のフォントを追加できません」または「同じ名前のフォントが既にインストールされています」
    13. 現在使用しているフォントがフォントメーカーによって更新された場合
  5. Web デザインと開発
    1. Web サイトへのフォントの追加
    2. トラブルシューティングガイド:web サイトへのフォントの追加
    3. フォントの問題のトラブルシューティング
    4. HTML 電子メールまたはニュースレターでの web フォントの使用
    5. Accelerated Mobile Pages(AMP)を使用した web フォントの使用
    6. CSS セレクター
    7. font-display settings を使用した web フォントのパフォーマンスのカスタマイズ
    8. 埋め込みコード
    9. ダイナミックサブセットと web フォント提供
    10. フォントイベント
    11. Web フォントが use.typekit.net から読み込まれるのはなぜですか。
    12. サイトが use.typekit.net に接続できない
    13. CodePen での web フォントの使用
    14. ブラウザーと OS のサポート
    15. ドメイン
    16. ローカル開発環境での web フォントの使用
    17. コンテンツセキュリティポリシー
    18. Web フォントの印刷
  6. 言語サポートと OpenType 機能
    1. 言語サポートとサブセット
    2. OpenType 機能の使用
    3. CSS での OpenType 機能の構文
  7. フォント技術
    1. OpenType-SVG カラーフォント
    2. 貂明朝:バージョン 1.000 からのアップデートに関する要点

問題の内容

注意:

Adobe Fonts は、XP、Windows 7、Windows Vista、および Mac OSX と互換性がありません。

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

問題

解決策

埋め込みコードがサイトから欠落しています。

埋め込みコードを自分のサーバー上のファイルに縮小しました。

利用条件の下での縮小は許可されず、フォントが正しく読み込まれなくなります。

CSS および JavaScript ファイルコンプレッサーから埋め込みコードを除外し、以下の埋め込みコードを使用するように web サイトをアップデートします。

正しいフォントファミリー名が CSS に追加されていません。

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

ブラウザー拡張機能が Web フォントファイルをブロックしています。

ブラウザー拡張機能を無効にするか、アドビの web フォント(旧称 Typekit)を許可するように設定を変更します。

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

問題

解決策

このブラウザーはサポートされていません。

スタイルの正しいフォントの太さが 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 で正しく指定されていることを確認します。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト