css中的@ font-face声明不起作用

我正在帮助我的姐姐将一个有人为她做的网站转换为html.

他们使用闪存中的花哨字体,我试图通过@ font-face在css文件中定义.我尝试在firefox,IE和chrome中打开页面,但我没有看到正确的字体.

我使用的声明是:

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

http://judith.huinink.net/chilax/index.htm包含html.

http://judith.huinink.net/chilax/chilax.css包含完整的CSS.

我检查过我可以下载字体文件,但是当我在浏览器中打开页面时它根本不使用该字体.我必须忽视一些事情.有人有什么建议吗？

1> Jon Winstanl..：

---

font-face成为主流

截至2010年1月,所有主流新浏览器都支持font-face

Safari 3.1

IE - 所有版本

Firefox 3.6

Chrome 4

歌剧10

见http://webfonts.info/wiki/index.php?title=@font-face_browser_support

2> Ben Blank..：

---

更新

在过去的一年中,浏览器对字体的支持相当显着.我建议阅读Tim Brown关于这个主题的优秀文章,该文章详细描述了如何在大多数现代浏览器中使用Web字体.

原始答案

实际上,@font-face现在完全无法使用.只有两个浏览器支持它 - 适用于Windows的Internet Explorer,版本5或更高版本以及Safari 3.1.

更糟糕的是,IE和Safari不支持相同的字体格式.IE仅支持EOT,而Safari则支持更常见的TrueType(.ttf)和OpenType(.otf)格式.

---

@ font-face现在支持IE,Firefox,Safari,Chrome和Opera

3> Chad Birch..：

---

几乎没有浏览器支持@ font-face:我什么时候可以使用...

---

这个anser现在不正确,几乎所有浏览器都支持font-face