2

我正在帮助我姐姐将某人在 Flash 中为她所做的网站转换为 html。

他们在我试图通过@font-face在css文件中定义的flash中使用花哨的字体。我尝试在 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。

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

4

7 回答 7

9

字体成为主流

截至 2010 年 1 月，所有主要的新浏览器都支持 font-face

  • 野生动物园 3.1
  • IE - 所有版本
  • 火狐 3.6
  • 铬 4
  • 歌剧 10

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

于 2010-02-04T12:09:58.947 回答
6

更新

去年，浏览器对字体的支持有了相当显着的提高。我建议阅读Tim Brown 关于该主题的优秀文章，其中详细描述了如何让网络字体在大多数现代浏览器中工作。

原始答案

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

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

于 2009-02-18T19:49:56.683 回答
5

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

于 2009-02-18T19:45:31.797 回答
3

http://www.css3.info/preview/web-fonts-with-font-face/

于 2009-02-18T19:43:44.407 回答
2

如何在所有支持它的浏览器中使用@font-face：在Jon Tangerine 的博客上

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

这是一个与 sIFR 一起使用的 javascript，它为启用 @font-face 的浏览器禁用 sIFR。

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

afaik all sIFR 替换的问题在于，选择和复制文本并不能真正起作用——您要么看不到选择，要么不可能选择少于一个单词或行。还有使用 <canvas> 的 Cufón，所以它只适用于较新的浏览器，其中大多数都有 @font-face。

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

于 2009-05-16T14:38:56.773 回答
1

查看曾经流行的sIFR或不依赖 Flash 的 typeface.js

于 2009-02-23T14:21:01.583 回答
1

我遇到过必须在域中包含 WWW 的情况。没有它，它就行不通。

于 2010-11-17T18:12:33.330 回答