我正在使用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;
}
尝试:
#main .Header .mainnav ul {
float: left;
list-style: none;
margin: -17px 0 0;
padding: 0;
font-family: "Avenir Next" !important;
font-size: 14px;
}
这是因为字体名称中有" "
空格。
通过查看您的最后一条评论,我建议您在页面中托管一个字体文件
,可以使用.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 */
}
即使您的字体未安装在客户计算机上,这也将有所帮助。
希望这能帮到您。祝福您:)!
"Avenir Next"
;net
面板)。