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

Question

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

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

我怎样才能做到这一点？

Answer 1

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

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的正文选择器中。 E.g。

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

Answer 4

使用以下css：

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

* - 选择器意味着任何/所有元素，但在覆盖更多特定选择器时显然会位于食物链的底部

请注意，!important - 标志将font - *的样式呈现为绝对样式，即使已使用其他选择器设置文本（例如{ {1}}或者body）。

Answer 5

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

Answer 6

试试这个：

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