如何将全局字体应用于整个HTML文档

我有一个包含一些文本和格式的HTML页面。 我想使它具有相同的字体家族和相同的文字大小忽略所有内部格式的文本。

我想为HTML页面设置全局字体格式。

我怎样才能做到这一点？

Answer 1

你应该能够利用CSS中的星号和!important元素。

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

星号匹配所有的东西（你也许可以在没有html情况下离开）。

!important确保没有什么可以重写你在这个风格中设置的东西 （除非它也是重要的）。 （这是为了帮助你的要求，它应该“忽略文本的内部格式” – 我认为其他样式不能覆盖这些）

大括号内的其余风格就像任何其他造型，你可以做任何你想在那里。 我select改变字体大小，颜色和家庭为例。

Answer 2

我认为最佳做法是将字体设置为正文：

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

如果你决定改变它的某些元素，它可能很容易被过分纠缠：

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

Answer 3

将其设置在您的CSS的身体select器。 例如

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

Answer 4

使用下面的CSS：

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

*select器意味着任何/所有的元素，但是当涉及到更具体的select器时，它显然会在食物链的底部。

请注意，即使使用其他select器来设置文本（例如， body或可能是p ），！ !important标志也会使*的font style变为绝对的。

Answer 5

你不应该使用* + !important 。 如果你想改变你的HTML文档的某些部分的字体呢？ 你应该总是使用没有重要的身体。 只有在没有其他select时才使用!important

Answer 6

尝试这个：

 body { font-family:your font; font-size:your value; font-weight:your value; }