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); 
}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效