为什么我的字体不是Trebuchet MS

Question

我想在侧边栏中使用Trebuchet MS - 在Dreamweaver上，字体显示我想要的方式，但是当我在实时视图中查看时，字体会变为难看的字体。

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字体显示正常。

$query->equalTo("deviceToken", rtrim($user->gcm_regid)); 不应该有任何问题 - 它对我来说没问题。

Answer 2

这是因为您使用的是图标字体（Font Awesome），并且将副本包装在<i>标签中。

<i class="fa fa-list"> Home</i>

应该是：

<i class="fa fa-list"></i> Home

我意识到这是2015年以来的一个问题，但以防万一有人落在这里。