Question

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

我正在使用fonts.com为我的网站创建@ font-face类型。

我一直在测试/预览我在Firefox中的工作 - 一切都很好。

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

该网站的预览位于：

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

我可以粘贴整个CSS，虽然我认为没有任何不合适的地方。 e.g。

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

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

Answer 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

Answer 2

有趣的是，即使您没有在管理系统中指定域，firefox实际上也允许您使用fonts.com中的Webfonts。我刚刚进入“添加和编辑域”并意识到我确实没有指定要显示的CSS域。添加域修复了麻烦。

故障排除Web字体

2 个答案: