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

(『Web サイトで使用されるフォントと配色を変更する』からリダイレクトしました)

この記事は、好きなフォントと配色カラー でウェブページを見るためのカスタマイズ方法を説明します。

フォントを変更

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

  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. フォントダイアログ内の 対象言語 ドロップダウンリストから、表記/言語体系を選択してください。
    • 例えば、既定のデフォルト フォントを西ヨーロッパ言語 (ラテン) に設定するには、ラテン文字 を選択してください。リストにない言語は、その他の表記体系 を選択してください。
  5. プロポーショナルテキストは、Serif (例えば “Times New Roman”) または Sans-serif (例えば “Arial”) にするべきです。プロポーショナルテキストのフォントサイズを指定してください。
  6. Serif、Sans-serif、Monospace フォントで使用するフォントを指定してください、Monospace fonts 向けのフォントサイズも変更できます。

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

フォントのカラー を変更

フォントのカラー を変更するには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 を選択します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. 配色カラー 配色カラー の管理… をクリックします。
    Fx125settings-Colors-ja
  4. 配色カラー ウィンドウウインドウ で色付きの長方形をクリックすると選択可能なすべての色を表示します。色付きの正方形をクリックして自分の好きな色を選択してください。
    Fx102settings-ManageColors-ja
  5. OK ボタンをクリックして 配色カラー ウィンドウウインドウ を閉じます。
  6. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

カスタム配色カラー

ウェブサイトが指定したカスタム配色カラー を無効にするには:

  1. 画面上部のメニューバーで Firefox をクリックし、環境設定 を選択します。メニューボタン Fx89menuButton をクリックし、設定 を選択します。
  2. 一般 パネルで 言語と外観 までスクロールします。
  3. 配色カラー 配色カラー の管理… をクリックします。
  4. ドロップダウンメニューから、配色カラー ウィンドウウインドウウェブページが指定した配色カラー を選択した配色カラー で上書きする常に上書き に設定してください。
  5. OK ボタンをクリックして 配色カラー ウィンドウウインドウ を閉じます。
  6. 設定 ページを閉じてください。変更した設定は自動的に保存されます。

配色カラー のその他の設定

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

  • システムのカラー を使用する: この設定にチェックを入れると、OS の設定で定義された配色カラー を使用します。

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

  • リンクに下線を表示する: 既定デフォルト では、ウェブページ上のリンクは下線が引かれています。この設定のチェックを外すと、無効化されます。多くのサイトでは独自のスタイルが指定されており、そのようなサイトでは、この設定が効果を持たないことに注意してください。
  • ウェブページが指定した配色を選択した配色で上書きする:
    • 常に上書き: この設定を選択すると、すべてのサイトと Firefox で開かれた PDF で強制的に既定デフォルト 配色カラー を使用します。
    • 高コントラストなテーマのみ: この設定を選択すると、Firefox は、ハイコントラストな WindowsLinux テーマを使用している場合を除き、ウェブページの作成者によって指定された配色カラー を使用します。
    • 上書きしない: この設定を選択すると、Firefox は、ウェブページの作成者によって指定された配色カラー を使用します。
注記: 既定のデフォルト 配色カラー に戻したい場合:

警告: 詳細設定を変更すると Firefox の安定性とセキュリティに影響を及ぼすことがあります。この設定変更は、上級ユーザのみ に推奨されます。

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

ズーム

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

この記事は役に立ちましたか?

しばらくお待ちください...

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

Illustration of hands

ボランティア

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

詳しく学ぶ