0

我正在开发一个网站，我遇到了一个不寻常的问题。

我正在与 fonts.com 合作为我的网站创建 @font-face 类型。

我一直在 Firefox 中测试/预览我的工作——一切正常。

虽然在移动设备 / ipad / safari / chrome 上时，我的字体无法加载。

该网站的预览位于：

http://www.moneyworrier.com/about/team/kearsten-james.php

我可以粘贴整个 CSS，但我认为没有任何不妥之处。例如

.base-menu { line-height: 18px; font-family:'Arial W01 Light'; font-size:12px;}

有没有人有同样的麻烦？我做错了什么吗？任何想法将不胜感激。

4

2 回答 2

1

你在使用这个语法吗：

@font-face {

font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

在这里阅读更多：http ://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

于 2013-02-27T09:26:16.377 回答
0

有趣的是，Firefox 实际上允许您使用来自 fonts.com 的 Webfonts，即使您没有在管理系统中指定域。我刚刚去了“添加和编辑域”，并意识到我确实没有为 CSS 指定一个域。添加域解决了这个问题。

于 2013-02-27T21:54:26.667 回答