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

Question

我有一个HTML页面,其中包含一些文本和格式.我想让它具有相同的font-family和相同的文本大小,忽略文本的所有内部格式.

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

我怎样才能做到这一点？

Answer 1

您应该能够利用!importantCSS中的星号和元素.

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

星号与所有东西相匹配(你也可以在没有它的情况下离开html).

在!important确保没有任何东西可以替代你在这个样式设置什么(除非它也很重要).(这是为了帮助你的要求它应该"忽略文本的内部格式" - 我认为这意味着其他样式不能覆盖这些)

大括号内的其他风格就像任何其他造型一样,你可以在那里做任何你想做的事情.我选择更改字体大小,颜色和系列作为示例.

Answer 2

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

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

如果您决定为某个元素更改它,则可能很容易被覆盖:

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

Answer 3

将其设置在您的CSS的正文选择器中.例如

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

Answer 4

使用以下css:

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

该*-selector指任何/所有的元素,但显然是在食物链的底层,当谈到覆盖更具体的选择.

请注意,即使已经使用其他选择器来设置文本(例如,或者可能是a ),- !importantflag也会将font-style设置为*绝对值.bodyp

Answer 5

你永远不应该使用* + !important. 如果您想更改 HTML 文档某些部分的字体怎么办？你应该总是使用 body 而不重要。!important仅在没有其他选择时才使用。