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

将该规则应用于body

body {
    font-family: arial;
}

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

.someClass {
    font-family: verdana;
}

Answer 2

您可以使用类似的东西在身体上声明字体。

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

您将设置网站所有字体的大小，行高和字体。

Answer 3

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

删除它可以解决字体问题等问题。

jsfiddle

CSS中的所有文本的通用字体

3 个答案: