1

我有一个这样的 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;
}

但是页脚仍然会在没有继承正文样式的情况下出现...... :(

4

3 回答 3

3

将该规则应用于body

body {
    font-family: arial;
}

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

.someClass {
    font-family: verdana;
}
于 2013-01-03T21:18:13.810 回答
1

您可以使用类似的方式在正文上声明字体。

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

您将为站点的所有字体设置大小、行高和字体。

于 2013-01-03T21:19:08.510 回答
1

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

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

jsfiddle

于 2013-01-03T23:17:32.040 回答