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)。是html中的index.html和html/fonts中的字体，那么您应该只使用一个句点。

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

如果看不到您的更多代码(也许还有网站的实时版本的链接)，我将无法为您提供进一步的帮助。

编辑:忘记.eot部分，我错过了您css中的.ttf文件。

请尝试以下操作:

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