在网页中使用非标准字体？

Question

我被告知要使用非标准字体创建网站。客户已经提供了字体文件（.otf格式）。是否有办法让网页上的文本显示为指定的字体（非Web标准）？

除了使用sIFR之外，还有其他选择吗？

编辑：如何仅将@font-face应用于特定的div？

- YD8877

---

可能是Is @font-face usable now?和this，this，this，this，this等问题的重复。 - Quentin

Answer 1

你可以使用CSS @font-face 声明来实现这个目的。

但要注意：并非所有浏览器都支持otf格式。
你可以使用像FontSquirrel's Font-face Generator这样的工具将字体转换为所需的不同格式。它甚至会为你生成CSS代码，你只需将其复制粘贴到你的项目中即可。

- Joseph Silber

---

你的回答大部分比我的好，所以我把它们合并了，并删除了我的 :). +1 - Domenic

我该如何将这个字体样式仅应用于特定的 div 元素？ - YD8877

@font-face声明并不直接将字体应用到页面上。您需要使用@font-face声明，以便该字体可供您在页面中使用。然后，您可以通过常规的CSS“font-family”属性将字体应用于您的div。如果您使用FontSquirrel的生成器，则应该在下载中包含一个示例页面... - Joseph Silber

Answer 2

虽然不是100%支持，但是：

@font-face {
    font-family: MyFont;
    src: url('MyFont.otf');
}

- Dan

Answer 3

CSS 3 给浏览器带来了下载和使用 TTF 文件格式的能力。就像往常一样，IE 只提供局部支持。而 Google 则是救星。

http://code.google.com/apis/webfonts/docs/getting_started.html

- Gaurav Ramanan

Answer 4

或者，您可以使用Cufon字体替换：

http://cufon.shoqolate.com/generate/

然而它确实有一些缺点：文本无法被复制，它使用JavaScript，在一些非常旧的浏览器上或者如果有人关闭了js可能会有问题。

- Madalin Craciun

---

这在2011年是一个选项，但今天所有的浏览器都支持@font-face。不过你仍然需要将OTF字体转换为WOFF。 - sbaechler