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

时间:2011-10-10 19:35:40

标签: html css fonts

我被告知使用非标准字体创建网站。客户端提供了字体文件(.otf格式)。有什么方法可以让网页上的文字以指定的字体显示(非网络标准)吗?

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

编辑:我如何将这个@ font-face仅应用于特定的div?

4 个答案:

答案 0 :(得分:10)

您可以使用CSS @font-face声明。

但是,请注意:并非所有浏览器都支持otf格式 您可以使用FontSquirrel's Font-face Generator等工具将字体转换为您需要的所有不同格式。它甚至会为您生成CSS,然后您只需将其复制并粘贴到项目中即可。

答案 1 :(得分:2)

不是100%支持,但是:

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

答案 2 :(得分:0)

CSS 3使浏览器能够下载和使用TTF文件格式。像往常一样IE提供部分支持。像往常一样,谷歌要救了。

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

答案 3 :(得分:0)

或者,您可以使用Cufon字体替换:

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

它确实有一些缺点:文本无法复制,并且它使用javascript,如果有人在js关闭的情况下进行浏览,这可能是一些非常古老的浏览器中的问题。