Html @css中的字体面声明不'；行不通

我正在帮助我妹妹将某人在flash中为她创建的网站转换为html

他们在flash中使用了奇特的字体，我正试图通过@font-face在css文件中定义这些字体。我试着在firefox、IE和chrome中打开页面，但没有找到合适的字体

我使用的声明是：

@font-face {
  font-family: "VAG Rounded";
  src: url("http://judith.huinink.net/chilax/VAGROUNL.OTF");
}

包含html

包含完整的css

---

我检查过我可以下载字体文件，但当我在浏览器中打开页面时，它根本不使用字体。我一定是忽略了什么。有人有什么建议吗？

几乎没有浏览器支持@font-face:

更新

去年，浏览器对字体的支持有了相当大的改进。我建议阅读，它详细描述了如何在大多数现代浏览器中使用web字体

原始答案

实际上，

@font-face

现在完全无法使用。只有两种浏览器支持它-Internet Explorer for Windows，版本5或更高版本，以及Safari 3.1

---

更糟糕的是，IE和Safari不支持相同的字体格式。IE仅支持，而Safari则支持更常见的TrueType（.ttf）和OpenType（.otf）格式。

请查看曾经流行的或没有flash依赖关系的版本，

如何在所有支持@font-face的浏览器中使用@font-face:at

是一个很好的Unix和Windows字体转换器，因此您不必使用可怕的旧Microsoft WEFT。它转换整个字体，而不仅仅是一些字符

与sIFR一起使用的javascript，用于禁用启用@font-face浏览器的sIFR

Flash需要消亡，所以这里有另一个sIFR的替代方案：。这是一个生成图像的服务器端脚本

afaik all sIFR替换的问题是，选择和复制文本实际上不起作用——要么看不到选择，要么选择的单词或行数少于一个，这是不可能的。还有Cufón使用，所以它只在更新的浏览器上工作，大多数浏览器都有@font-face

做正确的事情，现在就使用最先进的技术：@font-face和TTF或OTF，IE和旧浏览器的后备功能。最好保持HTML干净，并在单独的javascript和CSS文件中实现这些回退。对于IE，您可能需要使用“条件注释”，正如我在上面的第一个链接中所解释的。对于禁用javascript的浏览器，始终在末尾指定一个替换字体列表，并使用web安全字体。

font-face成为主流 从2010年1月起，所有主要的新浏览器都支持字体

• 狩猎3.1
• IE-所有版本
• 火狐3.6
• 铬4
• 歌剧10

---

请参见

我遇到过必须在域中包含WWW的情况。如果没有它，它将无法工作。

它适合我（Safari 3.2.1/Mac）。这个答案现在不正确，几乎所有浏览器都支持字体-face@font-face现在得到IE、Firefox、Safari、Chrome和OperaWell的支持，这个问题是一年前提出来的。：-）这就是为什么它是一个有用的评论！此处不适用，该地址已经有一个子域（本例中为judith）