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

Firefox Firefox 最終更新日時: 38% のユーザーがこの記事が役立だったと投票しています
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 をクリックし、設定 を選択します (または 環境設定、場合によっては)。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. フォント のドロップダウンメニューから自分の好きなフォントとサイズを選択してください。
    Fx102settings-Fonts-ja
  4. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

カスタムフォント

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

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

フォントのその他の設定

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

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

フォントの色を変更

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

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

カスタムフォントカラー

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

  1. 画面上部のメニューバーで Firefox をクリックし、設定 を選択します (または 環境設定、場合によっては)。メニューボタン 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 をクリックし、設定 を選択します (または 環境設定、場合によっては)。メニューボタン 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

ボランティア

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

詳しく学ぶ