2013-02-27 54 views
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;} 

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

+0

ARGH,我有类似的东西,但我想用铬合金。你有所有正确的格式?检查电脑上的safari – bboy 2013-02-27 09:18:29

回答

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

+0

这一切都从fonts.com结束控制。您只需包含css文件。人们会希望他们把它们放在一起。 – Brandrally 2013-02-27 09:31:00

+0

为什么不把文件带到本地主机?下载文件并包含在你自己的.css文件中。它会更快。当你下载@ font-face工具包时你会得到一个css文件。 – bboy 2013-02-27 10:04:01

0

足够有趣的Firefox实际上允许即使你没有你的管理范围内指定的域您可以使用网络字体从fonts.com系统。我刚刚进入“添加和编辑域”,并意识到我确实没有指定CSS出现在域上。添加域名解决了麻烦。