0

嗨，伙计们对@Font-Face 有点进退两难，不知道为什么。我已经对要使用的最佳@font-face 代码进行了无数小时的研究，并对为什么它不会在 Mac OS X 浏览器上显示进行故障排除。

目前的情况是，我正在使用...

@font-face {
font-family: 'Avenir LT 55 Roman';
src: url('fonts/avenir-55.eot?#iefix') format('embedded-opentype'), 
     url('fonts/avenir-55.woff') format('woff'), 
     url('fonts/avenir-55.ttf')  format('truetype'),
     url('fonts/avenir-55.svg#AvenirLT-Roman') format('svg');
     font-weight: normal;
     font-style: normal;
}

结果页面显示为...

*Windows 操作系统 - 适用于所有浏览器（Chrome、Firefox、IE）

*Apple Mac OS X - 适用于 Firefox 和 Safari 6.x，但不适用于 Chrome 或 Safari 5.x

*Apple iOS iPhone 和 iPad - 工作正常

我将不胜感激有关此事的任何指导。

如果您想亲自查看，请查看http://gradtouch.com/test

我只是很困惑为什么它不起作用。提前致谢。

4

1 回答 1

2

问题出在您的ttf文件上（它已损坏 - 似乎基线以一种字体出现严重裁剪的方式进行了更改），这就是您出现这种行为的原因。提供其他格式（eot、woff、svg）的浏览器工作得很好，但是当浏览器选择提供服务时，ttf您会得到一个空白页面（尽管从技术上讲没有任何错误）。修复你的文件，你会很高兴的。

这是你的woff文件： 在此处输入图像描述

这是你的ttf文件： 在此处输入图像描述

于 2013-03-07T12:14:12.463 回答