CSS中所有文本的通用字体

Question

我有一个这样的HTML：

<div id="footer">
    <p> Copyright 2013 </p>
</div>

和一个类似这样的CSS：

#footer {
    clear: both;
    position: relative;
    width: 980px;
    font-size: 0.85em;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #E9E6D9;
}

我希望我在<p>中的文本具有Arial字体，但我不想在#footer中添加字体，而是要使Arial字体通用于网站中的所有文本(没有指定特定的字体)。

我怎样才能做到这一点呢？我试着添加一个* { font-family:arial; }，但没有帮助...

这就是我所拥有的：

body {
font-size: 11px;
font-family: Arial,Helvetica,Verdana,Sans-serif;
color: black;
font-weight: normal;
}

#footer {
    clear: both;
    position: relative;
    width:980px;
    font-size: 0.85em;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #E9E6D9;
}

但是在没有继承身体风格的情况下，脚注还是出来了。:(

Answer 1

您的css中有无效的style标记。

删除它可以解决字体问题以及其他问题。

jsfiddle

Answer 2

将该规则应用于body

body {
    font-family: arial;
}

然后，任何其他元素都可以覆盖该元素：

.someClass {
    font-family: verdana;
}

Answer 3

您可以在正文上声明字体，就像这样。

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

您将设置，大小，线高，并为所有字体的网站字体。