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.jb51.cc/css/214202.html