Question

我在Dreamweaver上用css设计了我的网站项目。

到目前为止，我设法调整了字体大小，颜色和对齐的样式，但是即使在Dreamweaver的设计视图中它看起来都很好，在浏览器中它仍然显示新罗马的时间，这不是我想要的。所有其他房产看起来很好...... 在我的样式表上它不起作用：

font-family：verdana; ＆LT; 但是当我将它添加到：
时它会起作用

<div style:"font-family:'verdana'">

有任何帮助吗？感谢...

的更新 的

#footer {
    width:900px;
    height:50px;
    background-color:#F60;
    line-height:50px;
}

.footer {
    font:Verdana, Geneva, sans-serif;
    font-size:16px;
    text-decoration:none;
    color:#000;
    margin-left:15px;
}

<div id="footer">
<a class="footer"> Blah Blah Blah</a>
</div><!--footer-->

这仍然显示新罗马时代......

Answer 1

'语法错误？

1.应该像<div style="font-family:'verdana'">

2.试试这个

.footer { font-family:'Verdana', Geneva, sans-serif; font-size:16px; text-decoration:none; color:#000; margin-left:15px; }

3.如果stil不起作用。尝试

.footer { font-family:'Verdana', Geneva, sans-serif !important; font-size:16px; text-decoration:none; color:#000; margin-left:15px; }

4.还要检查Firebug哪些样式应用于元素

Answer 2

可能有另一个字体标记覆盖原始字体系列标记。

你把那个font-family：标签放在哪里？如果您希望它在整个文档中处于活动状态，请将其附加到正文或包含整个页面的某个容器。

如果仍然无法解决问题，请粘贴您的代码。

Answer 3

在你的CSS中写font-family代替font，如下所示：

.footer {
    font-family:Verdana, Geneva, sans-serif;
    font-size:16px;
    text-decoration:none;
    color:#000;
    margin-left:15px;
}

Answer 4

或

.footer {
    font:16px Verdana, Geneva, sans-serif;
    text-decoration:none;
    color:#000;
    margin-left:15px;
}

因为需要font-size和font-family值。我建议在w3.org上阅读有关font property的更多信息

Answer 5

这里的问题是你错误地使用了font:属性。

正确的使用方法是：

.footer {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  margin-left: 15px;
}

Check this JSFiddle我已经为您准备了说明当前实施的内容。

css字体属性不起作用

5 个答案: