也可以使用WOFF字体-例如这里

@font-face {
font-family: 'Plakat Fraktur';
src: url('/resources/fonts/plakat-fraktur-black-modified.woff') format('woff');
font-weight: bold;
font-style: normal;
 }

它看起来只适用于ie浏览器，但是在谷歌上快速搜索“html嵌入字体”会得到http://www.spoono.com/html/tutorials/tutorial.php?id=19

如果你想保持平台无关性(你应该!)，你就必须使用图像，或者使用标准字体。

JavaScript方式:

使用字体.js你可以嵌入自定义 你的网页字体，这样你就不会 必须将文本渲染为图像 而不是创造图像或使用 Flash只是为了显示你的网站的图形 文本用你想要的字体，你可以使用 用纯HTML编写 和CSS，就像你的访问者一样 字体在本地安装。

http://typeface.neocracy.org/

如果你说的非标准字体，你指的是标准格式的自定义字体，下面是我怎么做的，它适用于我目前为止检查过的所有浏览器:

@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.eot") /* EOT file for IE */
}
@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.ttf") /* TTF file for CSS3 browsers */
}

所以你只需要TTF和eot字体。网上的一些工具可以进行转换。

但如果你想附加非标准格式的字体(位图等)，我不能帮助你。

我发现在网站上使用非标准字体最简单的方法是使用sIFR

它确实涉及到包含字体的Flash对象的使用，但如果没有安装Flash，它会很好地降级为标准文本/字体。

样式在CSS中设置，JavaScript为文本设置Flash替换。

编辑:(我仍然建议使用非标准字体的图像，因为sIFR会增加项目的时间，并且可能需要维护)。

也可以使用WOFF字体-例如这里

@font-face {
font-family: 'Plakat Fraktur';
src: url('/resources/fonts/plakat-fraktur-black-modified.woff') format('woff');
font-weight: bold;
font-style: normal;
 }