Question

首先，我尝试过搜索，但是找不到任何有助于解决此问题的方法。

基本上我有我的网站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;
}

Answer 1

您应该使用其中一个font-face生成器，而不是简单地编写直接的@ font-face。

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

好处包括

用于跨浏览器正确加载的高级字体表格语法
自动生成IE样式字体
不支持@ font-face时的良好后备设计。

Web字体未加载

1 个答案: