Question

我正在使用CSS作为我的标题，其中所有菜单都应该是“Avenir Next”字体系列。但它没有认识到它。它显示为简单的Arial。

我的代码是：

#main .Header .mainnav ul {
  float: left;
  list-style: none;
  margin: -17px 0 0;
  padding: 0;
  font-family: Avenir Next !important;
  font-size: 14px; 
}

Answer 1

尝试：

#main .Header .mainnav ul {
    float: left;
    list-style: none;
    margin: -17px 0 0;
    padding: 0;
    font-family: "Avenir Next" !important;
    font-size: 14px; 
}

这是因为字体名称中有" "空格。

通过查看您的上一条评论，我建议您以font-file，.ttf或.ote格式托管.otf并将该文件链接到您的页。

并使用此代码：

@font-face {
  font-family: 'Avenir Next';
  src: url("http://www.yoursite.com/fonts/Avenir_Next.otf"); /* File to be stored at your site */
  }

即使您的客户端计算机上没有安装您的字体，这也会有所帮助。

希望它会对你有所帮助。干杯:)！

CSS无法识别＆＃34; Avenir Next＆＃34;作为我的字体系列

1 个答案: