私はいくつかのテキストとフォーマットを含むHTMLページを持っています。私はそれがテキストのすべての内部フォーマットを無視して同じフォントファミリーと同じテキストサイズを持つようにしたいです。
HTMLページのグローバルフォントフォーマットを設定したいです。
どうすればこれを達成できますか?
CSS内でアスタリスクと!important
要素を利用できるはずです。
html *
{
font-size: 1em !important;
color: #000 !important;
font-family: Arial !important;
}
アスタリスクはすべてに一致します(おそらくhtml
なしで逃げることができます)。
!important
はこのスタイルで設定したものを上書きすることはできません(それも重要でない限り)を保証します。 (これは「テキストの内部フォーマットを無視する」というあなたの要求を助けるためです - 私は他のスタイルがこれらを上書きできないことを意味するためにそれを取った)
中括弧内のその他のスタイルは、他のスタイルとまったく同じであり、そこで必要なことは何でも実行できます。例として、フォントサイズ、色、およびファミリーを変更することにしました。
ベストプラクティスは、フォントを本体に設定することだと思います。
body {
font: normal 10px Verdana, Arial, sans-serif;
}
そして、あなたがそれを何らかの要素のために変更することに決めたならば、それは簡単に上書きされるかもしれません:
h2, h3 {
font-size: 14px;
}
あなたのCSSのボディセレクタにそれを設定してください。例えば。
body {
font: 16px Arial, sans-serif;
}
次のcssを使用してください。
* {
font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}
*
-セレクターはany/all要素を意味しますが、より具体的な特定をオーバーライドすることになると明らかにフードチェーンの一番下になりますセレクタ.
テキストを設定するために他のセレクタが使用されている場合でも、!important
-フラグは*
のfont
-スタイルを絶対にすることに注意してください(例えば、body
またはおそらくp
)。
決して* + !important
を使うべきではありません。 HTML文書の一部の部分でフォントを変更したい場合はどうしますか?あなたはいつも大切にせずに体を使うべきです。 !important
は、他に選択肢がない場合にのみ使用してください。