Css 为什么Firefox会忽略我的全局指定字体？

为了让我的页面在现代浏览器中看起来一模一样，我加入了一些

reset.css

，并在下面几行

body {
    *font-size: small;
    font-family: arial,helvetica,sans-serif;
    font: 16px/18px sans-serif;
    margin: 0 auto;
}

然而，我的Firefox20（用于Ubuntu Canonical-1.0）的字体仍然比Chromium 25.0.1364.160 Ubuntu 10.04的字体大几个百分点。有趣的是，以下规则起了作用：

* {
    font-family: arial,helvetica,sans-serif;
}

看起来Firefox也覆盖了span的字体，但我在WebDeveloper工具中看不到它。它只是选择了一种不同的字体，尽管它不应该这样做

我已经创建了一个显示它（只需删除星号规则即可查看更改）。我的问题是

• 怎么解释
• 重置样式的正确方法是什么？我们真的需要星条旗以防万一吗

---

解释是

font:16px/18px sans serif

将字体系列设置为

sans serif

，这是一种依赖于浏览器的默认sans serif字体。它覆盖前面的

字体系列

设置。显然，在Firefox中，

sans serif

被映射到一种看起来比Arial小的字体，字体大小相同。所以字体大小是一样的，字母只是更小

最简单的修复方法是恢复两个声明的顺序：

body {
    font: 16px/18px sans-serif;
    font-family: arial,helvetica,sans-serif;
    margin: 0 auto;
}

（这里的

*font size

hack是没有意义的，因为您稍后会有一个设置字体大小的规则。）

或者，您可以组合以下规则：

body {
    font: 16px/18px arial,helvetica,sans-serif;
    margin: 0 auto;
}

---

“重置风格的正确方式是什么？”这一问题主要是基于观点的，也与提出的技术问题无关。在

body

上设置字体属性并不是真正的“重置样式”，只是普通样式。从技术上讲，在所有元素上设置例如

font-family

都会产生相当大的影响，只有在真正了解影响的情况下（例如，在表单字段上，在

code

等元素上）才应该这样做。

解释是

font:16px/18px sans-serif

将字体系列设置为

sans-serif

，这是一种依赖于浏览器的默认无衬线字体。它覆盖前面的

字体系列

设置。显然，在Firefox中，

sans serif

被映射到一种看起来比Arial小的字体，字体大小相同。所以字体大小是一样的，字母只是更小

最简单的修复方法是恢复两个声明的顺序：

body {
    font: 16px/18px sans-serif;
    font-family: arial,helvetica,sans-serif;
    margin: 0 auto;
}

（这里的

*font size

hack是没有意义的，因为您稍后会有一个设置字体大小的规则。）

或者，您可以组合以下规则：

body {
    font: 16px/18px arial,helvetica,sans-serif;
    margin: 0 auto;
}

---

“重置风格的正确方式是什么？”这一问题主要是基于观点的，也与提出的技术问题无关。在

body

上设置字体属性并不是真正的“重置样式”，只是普通样式。从技术上讲，在所有元素上设置例如

font-family

都会产生相当大的影响，只有在真正了解影响的情况下（例如，在表单字段上，在

code

等元素上）才应该这样做。

解释是

font:16px/18px sans-serif

将字体系列设置为

sans-serif

，这是一种依赖于浏览器的默认无衬线字体。它覆盖前面的

字体系列

设置。显然，在Firefox中，

sans serif

被映射到一种看起来比Arial小的字体，字体大小相同。所以字体大小是一样的，字母只是更小

最简单的修复方法是恢复两个声明的顺序：

body {
    font: 16px/18px sans-serif;
    font-family: arial,helvetica,sans-serif;
    margin: 0 auto;
}

（这里的

*font size

hack是没有意义的，因为您稍后会有一个设置字体大小的规则。）

或者，您可以组合以下规则：

body {
    font: 16px/18px arial,helvetica,sans-serif;
    margin: 0 auto;
}

---

“重置风格的正确方式是什么？”这一问题主要是基于观点的，也与提出的技术问题无关。在

body

上设置字体属性并不是真正的“重置样式”，只是普通样式。从技术上讲，在所有元素上设置例如

font-family

都会产生相当大的影响，只有在真正了解影响的情况下（例如，在表单字段上，在

code

等元素上）才应该这样做。

解释是

font:16px/18px sans-serif

将字体系列设置为

sans-serif

，这是一种依赖于浏览器的默认无衬线字体。它覆盖前面的

字体系列

设置。显然，在Firefox中，

sans serif

被映射到一种看起来比Arial小的字体，字体大小相同。所以字体大小是一样的，字母只是更小

最简单的修复方法是恢复两个声明的顺序：

body {
    font: 16px/18px sans-serif;
    font-family: arial,helvetica,sans-serif;
    margin: 0 auto;
}

（这里的

*font size

hack是没有意义的，因为您稍后会有一个设置字体大小的规则。）

或者，您可以组合以下规则：

body {
    font: 16px/18px arial,helvetica,sans-serif;
    margin: 0 auto;
}

---

“重置风格的正确方式是什么？”这一问题主要是基于观点的，也与提出的技术问题无关。在

body

上设置字体属性并不是真正的“重置样式”，只是普通样式。从技术上讲，在所有元素上设置（例如，

字体系列

）都会产生相当大的影响，只有在真正了解影响的情况下（例如，在表单字段上，在

code

等元素上），您才应该这样做。

您试图如何重置，您正在设置字体大小，然后覆盖它，然后设置字体族，然后覆盖它。没有关系sense@svendjokumsen你必须问重置的作者，而不是我。不知道它是从哪里来的，它是众多公共域

reset.css

中的一个。既然你选择了使用它，我想你已经知道它的用途了，并且知道它的用途。@svendjokumsen不，它太长了，我对它的了解还不够-正如你所见。所以我的部分是根据一些网站选择最受欢迎的一个。。。可能不是最好的。你想用重置来做什么，你正在设置字体大小，然后覆盖它，然后设置