web-dev-qa-db-ja.com

グローバルフォントをHTML文書全体に適用する方法

私はいくつかのテキストとフォーマットを含むHTMLページを持っています。私はそれがテキストのすべての内部フォーマットを無視して同じフォントファミリーと同じテキストサイズを持つようにしたいです。

HTMLページのグローバルフォントフォーマットを設定したいです。

どうすればこれを達成できますか?

150
Sweety

CSS内でアスタリスクと!important要素を利用できるはずです。

html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}

アスタリスクはすべてに一致します(おそらくhtmlなしで逃げることができます)。

!importantこのスタイルで設定したものを上書きすることはできません(それも重要でない限り)を保証します。 (これは「テキストの内部フォーマットを無視する」というあなたの要求を助けるためです - 私は他のスタイルがこれらを上書きできないことを意味するためにそれを取った)

中括弧内のその他のスタイルは、他のスタイルとまったく同じであり、そこで必要なことは何でも実行できます。例として、フォントサイズ、色、およびファミリーを変更することにしました。

228
Amadiere

ベストプラクティスは、フォントを本体に設定することだと思います。

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

そして、あなたがそれを何らかの要素のために変更することに決めたならば、それは簡単に上書きされるかもしれません:

h2, h3 {
    font-size: 14px;
}
37
Teneff

あなたのCSSのボディセレクタにそれを設定してください。例えば。

body {
    font: 16px Arial, sans-serif;
}
16
Petecoop

次のcssを使用してください。

* {
    font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}

*-セレクターはany/all要素を意味しますが、より具体的な特定をオーバーライドすることになると明らかにフードチェーンの一番下になりますセレクタ.

テキストを設定するために他のセレクタが使用されている場合でも、!important-フラグは*font-スタイルを絶対にすることに注意してください(例えば、bodyまたはおそらくp)。

12
ninetwozero

決して* + !importantを使うべきではありません。 HTML文書の一部の部分でフォントを変更したい場合はどうしますか?あなたはいつも大切にせずに体を使うべきです。 !importantは、他に選択肢がない場合にのみ使用してください。

4
Rakowu