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

我有一个HTML页面,其中包括一些文本和格式。我想让它拥有相同的字体家族和相同的文本大小,忽略所有文本的内部格式。

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

我怎样才能做到这一点呢?

426126 次浏览

使用下面的css:

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

*-selector意味着任何/所有元素,但当涉及覆盖更多具体的选择器时,显然会处于食物链的底部。

注意,__abc0 -标志会将*的__abc1样式呈现为绝对样式,即使已经使用其他选择器设置了文本(例如,bodyp)。

在css的body选择器中设置它。如。

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

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

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

星号匹配所有内容(你可能也可以不使用html)。

!important确保没有什么可以覆盖您在此样式中设置的内容(除非它也很重要)。(这是为了帮助你的要求,它应该“忽略文本的内部格式”-这意味着其他样式不能覆盖这些)

括号内的其余样式就像任何其他样式一样,你可以在那里做任何你想做的事情。我选择了改变字体大小,颜色和家族作为例子。

试试这个:

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

我认为最好的做法是将字体设置为正文:

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

如果你决定为某些元素更改它,它可以很容易地覆盖:

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