为什么这个@ font-face样式不适用于我的HTML？

我希望有人可以请指出什么是不工作关于这个字体实现。我已经使用body标签测试过了，所以不存在问题是否与HTML（是的，我确实有一个body标签）相关。为什么这个@ font-face样式不适用于我的HTML？

我已经从FontSquirrel获得了字体和实现CSS。感谢您看这个！

CSS：

@font-face { 
    font-family: 'DymaxionScriptRegular'; 
    src: url('DymaxionScript-webfont.eot'); 
    src: url('DymaxionScript-webfont.eot?#iefix') format('embedded-opentype'), 
     url('DymaxionScript-webfont.woff') format('woff'), 
     url('DymaxionScript-webfont.ttf') format('truetype'), 
     url('DymaxionScript-webfont.svg#DymaxionScriptRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

body { 
    font-family: DymaxionScriptRegular, courier; 
}

文件树结构：

Screenshot of my development folder showing location of CSS, index.html and font files.

快递备用字体的截图：

Courier fallback font

回答：显然，如果离开font-family声明的“Regular”，一切正常。通过玩它回答我自己的问题。

真正的答案：我的第一个“答案”只适用于Safari。它们在所有这些工作中都将“DymaxionScript-webfont ...”更改为“../ DymaxionScript-webfont ......在我完成之后，一切都奏效了。这是不好的路径。

来源

2011-05-16 Michael

我会使用查尔斯或Firebug网络面板，看看是否正在提出请求为字体，如果它是404'。 – 2011-05-16 15:41:20

你还使用什么浏览器？ – 2011-05-16 15:42:00

这里是一个更简洁@字体面实现，我知道全线作品：

@font-face { 
    font-family: 'DymaxionScriptRegular'; 
    src: url('/path/to/font/webfont.eot?') format('eot'), 
     url('/path/to/font/webfont.woff') format('woff'), 
     url('/path/to/font/webfont.ttf') format('truetype'), 
     url('/path/to/font/webfont.svg#webfont') format('svg'); 
    font-weight:normal; 
    font-style:normal; 
}

来源

2011-05-17 18:54:34

-1

@字体面{

font-family: 'DymaxionScriptRegular'; 
src: url('webfont.eot'); 
src: url('webfont.eot?#iefix') format('embedded-opentype'), 
    url('webfont.woff') format('woff'), 
    url('webfont.ttf') format('truetype'), 
    url('webfont.svg#webfont') format('svg'); 
font-weight: normal; 
font-style: normal;

}

体{ 字体家庭：DymaxionScriptRegular，快递; }

来源

2011-05-16 16:36:03 sayed

你在说什么？ – BoltClock 2011-05-16 17:22:15

他摆脱了网址中的“dymaxionscriptregular”，并将其更改为“webfont”作为SVG URL的最后部分。不知道为什么，但。 @sayed - 对于你的建议还有一个解释是个好主意。 – Shauna 2011-05-16 18:28:34

对于各种Web字体，你可以检查出google.com/webfonts其中有一堆不同的字体的使用，但你只是添加一个链接到谷歌的网站，它会返回适当的格式为大多数浏览器早在ie6

来源

2011-05-17 18:58:52 bmbaeb

为什么这个@ font-face样式不适用于我的HTML？

回答

相关问题