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

Question

我希望有人可以指出这个字体实现的不起作用。我使用body标签对此进行了测试，因此毫无疑问问题是否与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;
}

文件树结构：

Courier fallback字体的屏幕截图：

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

真实答案：我的第一个“答案”仅适用于Safari。在他们所有人中起作用的是将''DymaxionScript-webfont ......'改为'../ DymaxionScript-webfont ......在我做完之后，一切正常。走路很糟糕。

Answer 1

这是一个更简洁的@ font-face实现，我知道它是全面的：

@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;
}

Answer 2

对于各种网络字体，您可以查看google.com/webfonts，其中包含许多不同的字体供您使用，但您只需添加一个指向google网站的链接，它将为大多数浏览器返回正确的格式，直到ie6

Answer 3

@ font-face {

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;

}

body {     font-family：DymaxionScriptRegular，courier; }