2011-09-21 107 views
0

首先,我尝试过搜索,无法找到任何有助于解决这个问题的方法。Web字体无法加载

基本上我有我的网站http://www.jamesendres.com,我试图从http://justanotherfoundry.com/facit-web加载自定义网络字体。当我在本地机器上开发我的网站时,它的工作完美无瑕,但是当我将所有文件上传到Dreamhost时,字体未被加载。我打开了Firebug,显然字体最后被下载,所以我认为这可能会与他们未被加载的原因有关。但我可能是错的。在我的main.css文件中,我所有的字体相关的配置都是。

如需帮助目的,我所做的主页默认到任何浏览器默认为显示它不工作:

@font-face{ 
    font-family:'FacitWeb-Extralight'; 
    src:url('http://webfonts.justanotherfoundry.com/Facit/FXL'); 
    font-weight:bold 
} 

p, li{ 
font-size:14px; 
/*font-family:'FacitWeb-Extralight', Verdana, Trebuchet MS, Arial, sans-serif;*/ 
font-family: FacitWeb-Extralight; 
line-height:18px; 
} 

回答

2

而不是简单地写一个直接@字体面,你应该使用的字体之一表面发生器在那里。

我特别推荐Font Squirrel。他们让发电机保持最新状态。

的好处包括跨浏览器

  • 自动IE风格的字体生成正确加载

    • 高级字体面语法
    • 时,不支持@字体面好靠山设计。
  • +0

    我会用这个唯一的问题是,我试图用来免费为网络使用,但支付如果我想下载的字体。我一直试图弄乱字体松鼠,但我没有看到一个选项,我可以将其他字体链接到生成器。 – meepz

    +1

    那么,您可以使用字体松鼠声明,只需手动替换正确的路径即可。可能你的问题就是链接到其他网站。这可能是一个安全问题。另外,如果你想让它在IE下工作,你必须能够访问EOT字体。 – OverZealous

    +0

    经过一番讨论后,我发现一条消息,当我试图访问他们的网站与检查元素的字体样式表,原来我的域名没有注册。谢谢你的提示。我要开始使用字体松鼠 – meepz