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

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

JavaScript方式:

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

http://typeface.neocracy.org/

如果您使用ASP。NET，它很容易生成基于图像的字体，而不需要在服务器上安装(如添加到已安装的字体库)字体，通过使用:

PrivateFontCollection pfont = new PrivateFontCollection();
pfont.AddFontFile(filename);
FontFamily ff = pfont.Families[0];

然后用这种字体在图形上绘图。

@font-face {
font-family: "CustomFont";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}

W3C为此推荐的技术称为“嵌入”，这里有三篇文章对其进行了详细描述:嵌入字体。在我有限的实验中，我发现这个过程容易出错，而且在多浏览器环境中使用它的成功程度有限。

Safari和Internet Explorer都支持CSS @font-face规则，但是它们支持两种不同的嵌入式字体类型。Firefox计划在不久的将来支持与Apple相同的类型。SVG可以嵌入字体，但还没有得到广泛支持(没有插件)。

我认为我所见过的最可移植的解决方案是使用JavaScript函数将标题等替换为生成的图像，并使用你所选择的字体缓存在服务器上——这样你就可以简单地更新文本，而不必在Photoshop中进行处理。