변경사항 비교
ウェブサイトで使用されるフォントと配色を変更する
변경 사항 248552:
변경 사항 248552 제공자: dskmori 수정일:
변경 사항 279543:
변경 사항 279543 제공자: trsn4649 수정일:
키워드:
フォント 配色 カラー 字体
フォント 配色 カラー 字体
검색 결과 요약
この記事は、ウェブサイトで使用されるフォントと配色を好きなものに変更して表示する方法を説明します。
この記事は、ウェブサイトで使用されるフォントと配色を好きなものに変更して表示する方法を説明します。
내용:
この記事は、好きなフォントと[[T:Colors]]でウェブページを見るためのカスタマイズ方法を説明します。
__TOC__
= フォントを変更 =
フォントを変更するには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# {for not fx100}'''フォントと[[T:Colors]]'''{/for}{for fx100}'''フォント'''{/for} のドロップダウンメニューから自分の好きなフォントとサイズを選択してください。
#;{for not fx100}[[Image:Fx68settings-FontsAndColors]]{/for}{for fx100}[[Image:Fx102settings-Fonts-ja|width=600]]{/for}
# [[T:closeOptionsPreferences]]
== カスタムフォント ==
ウェブサイトが指定したカスタムフォントを無効にするには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# {for not fx100}'''フォントと[[T:Colors]]'''{/for}{for fx100}'''フォント'''{/for} の {button 詳細設定...} を選択してください。
#;{for not fx100}[[Image:Fx68settings-FontsAndColors-Advanced]]{/for}{for fx100}[[Image:Fx102settings-FontsAdvanced-ja|width=500]]{/for}
# フォントダイアログ内で、'''ウェブページが指定したフォントを優先する''' のチェックを外してください。
#;{for not fx100}[[Image:Fx54ContentPanel-Fonts ja]]{/for}
# {button OK} ボタンをクリックしてフォント[[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
==フォントのその他の設定==
# フォントダイアログ内の '''対象言語''' ドロップダウンリストから、表記/言語体系を選択してください。
#*例えば、[[T:default-]]フォントを西ヨーロッパ言語 (ラテン) に設定するには、''ラテン文字'' を選択してください。リストにない言語は、''その他の表記体系'' を選択してください。
# プロポーショナルテキストは、Serif (例えば "Times New Roman") または Sans-serif (例えば "Arial") にするべきです。プロポーショナルテキストのフォントサイズを指定してください。
# Serif、Sans-serif、Monospace フォントで使用するフォントを指定してください、<code>Monospace fonts</code> 向けのフォントサイズも変更できます。
また、ウェブページの最小フォントサイズも設定できます。これは、過度に小さいフォントを使用して、ほとんど読めないサイトに対して有効です。
* '''古いウェブページでのテキストエンコーディング''': ここで選択されたテキストエンコーディングは、テキストエンコーディングが宣言されていないウェブページで使用されます。
= フォントの[[T:Color]]を変更 =
フォントの[[T:Color]]を変更するには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# {for not fx100}'''フォントと[[T:Colors]]'''{/for}{for fx100}'''[[T:Colors]]'''{/for} の {for not fx100}{button [[T:Colors]]設定...}{/for}{for fx100}{button [[T:Colors]]の管理...}{/for} を選択します。
#;{for fx100}[[Image:Fx100settings-Colors]]{/for}
# [[T:Colors]][[T:Window]]で色付きの長方形をクリックすると選択可能なすべての色を表示します。色付きの正方形をクリックして自分の好きな色を選択してください。
#;{for not fx100}[[Image:Fx38esrColors ja]]{/for}{for fx100}[[Image:Fx102settings-ManageColors-ja|width=500]]{/for}
# {button OK} ボタンをクリックして[[T:Colors]][[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
== カスタム[[T:Colors]] ==
ウェブサイトが指定したカスタム[[T:Colors]]を無効にするには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# {for not fx100}'''フォントと[[T:Colors]]'''{/for}{for fx100}'''[[T:Colors]]'''{/for} の {for not fx100}{button [[T:Colors]]設定...}{/for}{for fx100}{button [[T:Colors]]の管理…}{/for} を選択します。
# ドロップダウンメニューから、[[T:Colors]][[T:Window]]の '''ウェブページが指定した[[T:Colors]]を選択した[[T:Colors]]で上書きする''' を {menu 常に上書き} に設定してください。
#;{for not fx100}[[Image:Fx47-pref-overridecolors-always]]{/for}
# {button OK} ボタンをクリックして[[T:Colors]][[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
== [[T:Colors]]のその他の設定 ==
'''テキストと背景の[[T:Color]]''': {for fx102}Firefox で開かれた PDF や、{/for}テキストと背景の[[T:Color]]がウェブページ上で指定されていないときの[[T:default]]のテキストと背景の[[T:Color]]を変更できます。[[T:Color]]のサンプルをクリックして[[T:Color]]を選択してください。
* '''システムの[[T:Color]]を使用する''': この{for win}オプション{/for}{for mac,linux}設定{/for}にチェックを入れると、OS の設定で定義された[[T:Colors]]を使用します。
'''リンクの色''': ウェブリンクの[[T:default]][[T:Color]]を変更できます。[[T:Color]]のサンプルをクリックして色を選択してください。
* '''リンクに下線を表示する''': [[T:default]]では、ウェブページ上のリンクは下線が引かれています。この{for win}オプション{/for}{for mac,linux}設定{/for}のチェックを外すと、無効化されます。多くのサイトでは独自のスタイルが指定されており、そのようなサイトでは、この{for win}オプション{/for}{for mac,linux}設定{/for}が効果を持たないことに注意してください。
* '''ウェブページが指定した配色を選択した配色で上書きする''':
** '''常に上書き''': この{for win}オプション{/for}{for mac,linux}設定{/for}を選択すると、すべてのサイト{for fx102}と Firefox で開かれた PDF {/for}で強制的に[[T:default]][[T:Colors]]を使用します。
** '''高コントラストなテーマのみ''': この{for win}オプション{/for}{for mac,linux}設定{/for}を選択すると、Firefox は、ハイコントラストな{for win}Windows{/for}{for linux}Linux{/for} テーマを使用している場合を除き、ウェブページの作成者によって指定された[[T:Colors]]を使用します。
** '''上書きしない''': この{for win}オプション{/for}{for mac,linux}設定{/for}を選択すると、Firefox は、ウェブページの作成者によって指定された[[T:Colors]]を使用します。
{note}'''注記''': [[T:Default-]][[T:Colors]]に戻したい場合:
[[Template:aboutconfigwarning]]
#[[T:aboutconfig]]
# 検索フィールドで '''browser*color''' と入力します。
#'''変更''' されている設定の隣にある ''リセット'' [[Image:Fx71aboutconfig-ResetButton]] ボタンをクリックします。
{/note}
= ズーム =
Firefox にはズーム機能も含まれています。ウェブページのテキストサイズを大きくすることができます。詳しくは、[[Font size and zoom - increase the size of web pages]] の記事を参照してください。
この記事は、好きなフォントと[[T:Colors]]でウェブページを見るためのカスタマイズ方法を説明します。
__TOC__
= フォントを変更 =
フォントを変更するには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# ''フォント'' のドロップダウンメニューから自分の好きなフォントとサイズを選択してください。
#;[[Image:Fx102settings-Fonts-ja|width=600]]
# [[T:closeOptionsPreferences]]
== カスタムフォント ==
ウェブサイトが指定したカスタムフォントを無効にするには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# ''フォント'' の {button 詳細設定…} をクリックします。
# フォントダイアログ内で、'''ウェブページが指定したフォントを優先する''' のチェックを外してください。
#;[[Image:Fx102settings-FontsAdvanced-ja|width=500]]
# {button OK} ボタンをクリックして ''フォント'' [[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
== フォントのその他の設定 ==
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# ''フォント'' の {button 詳細設定…} をクリックします。
# フォントダイアログ内の '''対象言語''' ドロップダウンリストから、表記/言語体系を選択してください。
#* 例えば、[[T:Default-]]フォントを西ヨーロッパ言語 (ラテン) に設定するには、'''ラテン文字''' を選択してください。リストにない言語は、'''その他の表記体系''' を選択してください。
# プロポーショナルテキストは、Serif (例えば “Times New Roman”) または Sans-serif (例えば “Arial”) にするべきです。プロポーショナルテキストのフォントサイズを指定してください。
# Serif、Sans-serif、Monospace フォントで使用するフォントを指定してください、<code>Monospace fonts</code> 向けのフォントサイズも変更できます。
また、ウェブページの最小フォントサイズも設定できます。これは、過度に小さいフォントを使用して、ほとんど読めないサイトに対して有効です。
= フォントの[[T:Color]]を変更 =
フォントの[[T:Color]]を変更するには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# ''[[T:Colors]]'' の {button [[T:Colors]]の管理…} をクリックします。
#;[[Image:Fx125settings-Colors-ja|width=600]]
# [[T:Colors]][[T:Window]]で色付きの長方形をクリックすると選択可能なすべての色を表示します。色付きの正方形をクリックして自分の好きな色を選択してください。
#;[[Image:Fx102settings-ManageColors-ja|width=500]]
# {button OK} ボタンをクリックして ''[[T:Colors]]'' [[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
== カスタム[[T:Colors]] ==
ウェブサイトが指定したカスタム[[T:Colors]]を無効にするには:
# [[T:optionspreferences]]
# {menu 一般} パネルで ''言語と外観'' までスクロールします。
# ''[[T:Colors]]'' の {button [[T:Colors]]の管理…} をクリックします。
# ドロップダウンメニューから、[[T:Colors]][[T:Window]]の '''ウェブページが指定した[[T:Colors]]を選択した[[T:Colors]]で上書きする''' を {menu 常に上書き} に設定してください。
# {button OK} ボタンをクリックして ''[[T:Colors]]'' [[T:Window]]を閉じます。
# [[T:closeOptionsPreferences]]
== [[T:Colors]]のその他の設定 ==
'''テキストと背景の[[T:Color]]:''' Firefox で開かれた PDF や、テキストと背景の[[T:Color]]がウェブページ上で指定されていないときの[[T:Default]]のテキストと背景の[[T:Color]]を変更できます。[[T:Color]]のサンプルをクリックして[[T:Color]]を選択してください。
* '''システムの[[T:Color]]を使用する:''' この設定にチェックを入れると、OS の設定で定義された[[T:Colors]]を使用します。
'''リンクの色''': ウェブリンクの[[T:Default]][[T:Color]]を変更できます。[[T:Color]]のサンプルをクリックして色を選択してください。
* '''リンクに下線を表示する:''' [[T:Default]]では、ウェブページ上のリンクは下線が引かれています。この設定のチェックを外すと、無効化されます。多くのサイトでは独自のスタイルが指定されており、そのようなサイトでは、この設定が効果を持たないことに注意してください。
* '''ウェブページが指定した配色を選択した配色で上書きする:'''
** '''常に上書き:''' この設定を選択すると、すべてのサイトと Firefox で開かれた PDF で強制的に[[T:Default]][[T:Colors]]を使用します。
** '''高コントラストなテーマのみ:''' この設定を選択すると、Firefox は、ハイコントラストな {for win}Windows{/for}{for linux}Linux{/for} テーマを使用している場合を除き、ウェブページの作成者によって指定された[[T:Colors]]を使用します。
** '''上書きしない:''' この設定を選択すると、Firefox は、ウェブページの作成者によって指定された[[T:Colors]]を使用します。
{note}'''注記:''' [[T:Default-]][[T:Colors]]に戻したい場合:
[[Template:aboutconfigwarning]]
#[[T:aboutconfig]]
# 検索フィールドで '''browser*color''' と入力します。
#'''変更''' されている設定の隣にある ''リセット'' [[Image:Fx71aboutconfig-ResetButton]] ボタンをクリックします。
{/note}
= ズーム =
Firefox にはズーム機能も含まれています。ウェブページのテキストサイズを大きくすることができます。詳しくは、[[Font size and zoom - increase the size of web pages]] の記事をご覧ください。