css – @ font-face不工作

前端之家收集整理的这篇文章主要介绍了css – @ font-face不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
不知道为什么字体不显示请帮忙.

CSS(在css文件夹中):
style.css中:

@font-face { 
 font-family: Gotham;
 src: url(../fonts/gothammedium.eot);
 src: local('Gotham-Medium'),url(../fonts/Gotham-Medium.ttf) format('truetype'); 
} 

a { 
 font-family:Gotham,Verdana,Arial; 
}

解决方法

双倍期间(..)表示您上升一个文件夹,然后查找斜杠后面的文件夹.
例如:

如果你的index.html在文件夹html / files中,字体是html / fonts,那么..是好的(因为你必须返回一个文件夹去/ fonts).你的index.html是html,你的字体是html / fonts,那么你应该只使用一个时期.

另一个问题可能是您的浏览器可能不支持.eot字体文件.

没有看到更多您的代码(也可能链接到您的网站的实时版本),我不能真正帮助您进一步.

编辑:忘记.eot部分,我错过了你的css中的.ttf文件.

尝试以下:

@font-face { 
font-family: Gotham;
src: url(../fonts/gothammedium.eot);
src: url(../fonts/Gotham-Medium.ttf); 
}
原文链接:https://www.f2er.com/css/214202.html

猜你在找的CSS相关文章