html - 字体在 Mac 上不显示

Question

希望有人可以帮助解决我整整一周都遇到的问题。似乎我的 4 个字体中有 1 个在我的客户端 Mac 上引起了问题。这真的让我感到难过，因为其他三种字体在 Mac 上工作正常，而第 4 种字体类型 () 甚至不会退回到我提供的后续字体作为备份。

您可以在此处查看网站 (http://jsfiddle.net/kLL62/) 如果您想实时查看问题，CSS 的第一行中还有托管网站的实际 URL。基本上，“ChevinBold”字体用于三个位置:

1. 如果您的屏幕宽度超过 1366 像素，则会出现一个动画 - 最后一帧应该是文本(此文本不会在 Mac 上呈现)。
2. 在团队页面上，每个个人资料上方的黄色框中应该有团队成员的姓名
3. 在“联系我们”页面上，将 mailto: 链接指向电子邮件地址，它应该显示“联系我们”

有问题的 CSS 与其他三种工作正常的字体完全相同:

@font-face {
font-family:'ChevinBold';
src: url('../fonts/chevin-bold.eot');
src: url('../fonts/chevin-bold.eot') format('embedded-opentype'), url('../fonts/chevin-bold.woff') format('woff'), url('../fonts/chevin-bold.ttf') format('truetype'), url('../fonts/chevin-bold.svg#ChevinBold') format('svg');
font-weight: normal;
font-style: normal;
}

如果您能提供任何帮助，我们将不胜感激。

亲切的问候，

拜伦

Answer 1

好吧，字体文件似乎已损坏 - 尝试再次转换它，Font Squirrel 是唯一提示文件已损坏的提供商，我想不出任何其他可能发生这种情况的原因。