字体在中国不显示答案

【问题标题】：Font not showing in China字体在中国不显示
【发布时间】：2014-05-23 16:50:15
【问题描述】：

我在美国，最近完成了一个 Magento 网站。整个网站都使用 Myriad Pro 字体，我已使用 @font-face 将其加载到网站。

我的客户（在中国）说字体加载不正确。他将其视为Times Roman。我已经在美国的几台计算机上尝试过它，它似乎加载得很好。这就是我在 CSS 中编码的方式：

@font-face
{
font-family: Myriad Pro;
src: url(../font/MYRIADPRO-REGULAR.OTF);
}

任何建议/解决方案/或不起作用的原因将不胜感激。

谢谢！

【问题讨论】：

你和客户用哪个浏览器测试过这个？您的网站是跨域的吗？
用户能否访问字体 URL？当 thry 到达 ../font/MYRIADPRO-REGULAR.OTF 的完整路径时，他们会得到什么？
@MeenakshiSundaramR IE 和 Chrome
国内大家都还在用IE6，大家不妨试试看。
尼瓦斯没有问这个网址是什么，他问你中国的人是否可以访问这个网址。

标签： css magento fonts font-face

【解决方案1】：

如果您在 IE 中加载您的网站，您可以在控制台中看到错误，例如

CSS3114：@font-face 未能通过 OpenType 嵌入权限检查。权限必须是可安装的。文件：MYRIADPRO-REGULAR.OTF

所以转到site 上传您的字体，现在您将获得一个 rar 文件。提取并上传到您的服务器。

然后像这样改变你的css

@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular.eot');
    src: url('myriadpro-regular.eot') format('embedded-opentype'),
         url('myriadpro-regular.woff') format('woff'),
         url('myriadpro-regular.ttf') format('truetype'),
         url('myriadpro-regular.svg#MyriadProRegular') format('svg');
}

让我知道这是否可行。

【讨论】：

【解决方案2】：

从上面的 cmets 来看，我想我有一个解决方案。我的客户遍布世界各地，我们每天都会遇到非常相似的问题。

有趣的是，这是一个非常非常简单的修复。当您第一次向客户展示您的网站/页面时，它会将样式表下载到缓存中。

以上就是问题，请她完成一次硬刷新，看看是否有效，

通常对我有用:)

【讨论】：

【解决方案3】：

你使用过.eot和. ttf这样的字体格式吗？不知道你为什么只使用.otf 格式。理想情况下，跨浏览器通过这种方式调用自定义字体。

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

【讨论】：

【解决方案4】：

尝试支持较旧的 IE 版本。 IE6在中国占有很大的市场份额。今天IE6+奇虎360（安全的IE6）的市场份额超过40%。

【讨论】：