《IE中的字体面:让Web字体正常工作》一文中说，它适用于所有三种主要浏览器。

这是我得到的一个工作样本:http://brendanjerwin.com/test_font.html

更多的讨论在嵌入字体中。

请参阅文章《美丽网页排版的50个有用的设计工具》以获得其他方法。

我只用过Cufon。我发现它很可靠，很容易使用，所以我一直用它。

JavaScript方式:

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

http://typeface.neocracy.org/

方法是使用@font-face CSS声明，它允许作者指定在线字体来在他们的网页上显示文本。通过允许作者提供自己的字体，@font-face消除了依赖用户在其计算机上安装的有限数量的字体的需要。

看看下面的表格:

如您所见，由于跨浏览器兼容性，有几种格式需要了解。移动设备的情况也差不多。

解决方案:

1 -完全的浏览器兼容性

这是目前可能得到最深支持的方法:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

2 -大部分浏览器

事情正在向WOFF方向转变，所以你可能会逃避:

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

3 -只能使用最新的浏览器

甚至只是WOFF。 然后你可以这样使用它:

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

参考文献和进一步阅读:

这就是实现此特性需要了解的主要内容。如果你想进一步研究这个主题，我建议你看看下面的资源。我在这里写的大部分内容都是从下面摘录出来的

使用字体面(非常推荐) 防弹@字体-面语法 我可以使用@font-face网页字体吗? 如何存档跨浏览器@字体面支持 @font-face在CSS Mozilla开发者网络

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

这可以通过CSS来完成:

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

如果你使用TrueType-Fonts (TTF)， Web Open Font Format (WOFF)或Embedded Opentype (EOT)，所有常规浏览器都支持它。