ウェブサイトで使用されるフォントと配色を変更する

Firefox Firefox 最終更新日時: 42% のユーザーがこの記事が役立だったと投票しています
This is a machine-generated translation of the English content. It has not been reviewed by a human, and may contain errors. If you would like to revise this content, you can start here.

この記事は、お好みのフォントスタイルと色を選択して、ウェブページの表示方法をカスタマイズする方法について説明します。

フォントを変更

フォントを変更するには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. フォント のドロップダウンメニューから自分の好きなフォントとサイズを選択してください。
    Fx102settings-Fonts-ja
  4. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

カスタムフォント

ウェブサイトが指定したカスタムフォントを無効にするには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. フォント詳細設定… をクリックします。
  4. フォント ダイアログ内で、ウェブページが指定したフォントを優先する のチェックを外してください。
    Fx102settings-FontsAdvanced-ja
  5. OK をクリックして フォント ウィンドウを閉じます。
  6. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

フォントのその他の設定

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. フォント詳細設定… をクリックします。
  4. フォントダイアログ内の 対象言語 ドロップダウンリストから、表記/言語体系を選択してください。
    Fx115settings-FontsFor
    • 例えば、既定のフォントを西ヨーロッパ言語 (ラテン) に設定するには、ラテン文字 を選択してください。リストにない言語は、その他の表記体系 を選択してください。
  5. プロポーショナルテキストをセリフ (例: “Times New Roman”) にするか、サンセリフ (例: “Arial”) にするかを選択します。次に、プロポーショナルテキストに使用したいフォントサイズを指定します。
  6. Serif、Sans-serif、Monospace フォントで使用するフォントを指定します。Monospace fonts のサイズも変更できます。

また、ウェブページの最小フォントサイズも設定できます。これは、過度に小さいフォントを使用して、ほとんど読めないサイトに対して有効です。

フォントの色を変更

フォントの色を変更するには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. Colors の下にある Manage Colors… ボタンをクリックします。
    Fx125settings-Colors-ja
  4. 色付きの四角形のいずれかをクリックすると、選択可能な色が表示されます。色付きの四角形の 1 つをクリックして、希望の色を選択してください。
    Fx125settings-ManageColors
  5. OK をクリックして Colors ウィンドウを閉じます。
  6. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

カスタムフォントカラー

ウェブサイトによってはカスタムフォントカラーが指定されています。これらを無効にするには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. Colors の下にある Manage Colors… ボタンをクリックします。
  4. 開いたウィンドウで、ドロップダウンメニューを使い、ウェブページが指定した配色を、上記で選択した配色で上書きするAlways に設定します。
  5. OK をクリックして Colors ウィンドウを閉じます。
  6. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

色に関するその他の設定

テキストと背景: ここでは、Firefox で開いた PDF や、情報が指定されていないウェブページで使用される、既定のテキストと背景色を変更できます。カラーサンプルをクリックして色を選択してください。

  • システムカラーを使用する: この設定にチェックを入れると、上記で指定した色の代わりに、お使いのオペレーティングシステムの設定で定義された色が使用されます。

リンクの色: ウェブリンクの既定の色を変更できます。カラーサンプルをクリックして色を選択してください。

  • ウェブページが指定した配色を、上記で選択した配色で上書きする:
    • 常に上書き: この設定を選択すると、すべてのサイトと Firefox で開かれた PDF で、強制的に既定の色が使用されます。
    • 高コントラストなテーマのみ: この設定を選択すると、Firefox は、ハイコントラストな WindowsLinux テーマを使用している場合を除き、ウェブページの作成者によって指定された色を使用します。
    • 上書きしない: この設定を選択すると、Firefox は、ウェブページの作成者によって指定された色を使用します。

注記: 後で既定の色に戻したい場合:

警告: これらの手順は上級者を対象としています。設定エディター (about:config) で設定を変更すると、ブラウザーの安定性、セキュリティ、およびパフォーマンスに重大な影響を及ぼすことがあります。
高度な設定に慣れていて、潜在的な影響を理解している場合にのみ続行してください。

  1. アドレスバーabout:config と入力し、EnterReturn キーを押します。
    警告ページが表示されます。危険性を承知の上で使用する をクリックし、about:config ページを開いてください。
  2. 検索フィールドで browser*color と入力します。
  3. 変更 されている設定の隣にある リセット Fx71aboutconfig-ResetButton ボタンをクリックします。

コントラスト制御

これらの設定により、テキストとその背景の色のコントラストの強さを制御できます。

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 または 設定 を選択します。項目名は macOS のバージョンに依存します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで、言語と外観 のセクションまでスクロールします。
  3. Contrast Control の下で、お好みの設定を選択します。
    Fx138ContrastControlSettings
    注記: Automatic (use system settings) オプションは、ウェブコンテンツにおいてオペレーティングシステムのハイコントラスト設定を優先します。Off オプションは、コンテンツ作成者の意図どおりにウェブコンテンツを表示します (色は強制されません)。Custom オプションでは、ウェブコンテンツで独自の色を指定できます。Contrast Control の設定についてさらに詳しく知るには、Firefox のコントラスト制御設定で読みやすくする をご覧ください。
  4. 独自の色を選択するには、Custom オプションを選択し、Manage Colors… ボタンをクリックします。
  5. 開いたウィンドウで、テキストと背景、未訪問および訪問済みリンクにお好みの色を選択します。
    Fx138settings-ContrastControlCustomColors

ズーム

Firefox にはズーム機能も含まれています。ウェブページのテキストサイズを大きくすることができます。詳しくは、ページを拡大表示するには の記事をご覧ください。

以下の人々がこの記事の執筆を手伝ってくれました:

Illustration of hands

ボランティア

あなたの専門知識を成長させ、他の人と共有してください。質問に答えたり、ナレッジベースを改善したりしてください。

詳しく学ぶ