html - 为什么我的字体不是 Trebuchet MS

Question

我想将 Trebuchet MS 用于侧边栏 - 在 Dreamweaver 上字体显示完全符合我的要求，但当我在实时 View 中查看时，字体变成了难看的字体。

HTML

<div id="nav">
<ul>
<li class="active"><a Href=""><i class="fa fa-list"> Home</i></a></li>
<li><a Href=""><i class="fa fa-list"> Profile</i></a></li>
</ul> 
</div>

CSS

#nav{
position: fixed;
width: 170px;
margin-left: -170px;
background-color: rgba(255,255,255, 0.8); 
}
#nav ul{
list-style: none;
margin: 0;
padding: 0;
}
#nav li a:link, #nav li a:visited{
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 90%;
display: block;
padding: 15px;
border-left: 5px solid #26a9ec;
text-decoration: none;
color: #333;
}
#nav li a:hover{
background-color: #26a9ec;
color: #fff;
}
#nav .active a, #nav .active a:visited{
background-color: #1a1aff;
color: #fff;    

谢谢。

Answer 1

也许您的浏览器根本不支持它。

例如，when I ran your code on JSFiddle.net , Trebuchet MS 字体显示得很好。

font-family: "Trebuchet MS", Helvetica, sans-serif; 应该没有任何问题； - 它对我来说工作得很好。