Question

我在我的网站上使用@ font-face获得2种字体。其中一个停止工作 - 我检查了一切，尝试了不同的语法但没有任何东西带回来。这是我的CSS：

@font-face
{
font-family: 'gotham';
src:url(http://www.odednaaman.com/fonts/gothambook.eot) format('eot');
src:url(http://www.odednaaman.com/fonts/gothambook.ttf) format('truetype'), url(http://www.odednaaman.com/fonts/gotham-book.otf) format('opentype'), url(http://www.odednaaman.com/fonts/gothambook.woff) format('woff'),  url(http://www.odednaaman.com/fonts/gothambook.eot?iefix) format('embedded-opentype');       
}

@font-face
{
font-family: 'yank';
src: url(http://www.odednaaman.com/fonts/yank.ttf) format('truetype');
}

＆＃34; Yank＆＃34;字体仍然完美。使用chrome进行QA。

网站：www.odednaaman.com

任何想法？

谢谢， Oded

Answer 1

src应该只有一次，但你在第一个@ font-face中有两次。所以，使用这个：

@font-face
{
font-family: 'gotham';
src:url(http://www.odednaaman.com/fonts/gothambook.eot) format('eot'),
    url(http://www.odednaaman.com/fonts/gothambook.ttf) format('truetype'),
    url(http://www.odednaaman.com/fonts/gotham-book.otf) format('opentype'),
    url(http://www.odednaaman.com/fonts/gothambook.woff) format('woff'),
    url(http://www.odednaaman.com/fonts/gothambook.eot?iefix) format('embedded-opentype');       
}

@font-face
{
font-family: 'yank';
src: url(http://www.odednaaman.com/fonts/yank.ttf) format('truetype');
}

Answer 2

从Chrome控制台：

无法加载资源：服务器响应状态为404（未找到） http://www.odednaaman.com/fonts/ygothambook.woff

所以你似乎需要上传.woff文件。

@ font-face停止处理某些字体

2 个答案: