如何嵌入字体在HTML？如何嵌入字体在HTML？(How to embed fonts in HTM

我试图找出一个体面的解决方案（特别是从SEO侧）在网页中嵌入字体。到目前为止，我已经看到了W3C的解决方案，它甚至没有在Firefox上工作，这个很酷的解决方案。第二种解决方案是只有冠军。是否有解决方案可供全文？我厌倦了网页标准字体。

谢谢！

Answer 1:

事情已经改变 ，因为这个问题最初提出和回答。还有的是在得到跨浏览器的字体嵌入正文使用@字体面嵌入到工作所做的大量工作。

爱尔兰保罗放在一起防弹@字体面对面语法结合多个其他人尝试。如果你确实经历了整篇文章（不只是顶部）它允许单个@字体面对面声明涵盖IE，火狐，Safari，Opera或Chrome和其它可能的。这基本上可以养活了OTF，EOT，SVG和WOFF在不破坏任何东西的方式。

从他的文章剪断：

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
    url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
}

从基础工作，字体松鼠放在一起各种有用的工具，包括@字体面发生器 ，它允许你上传TTF或OTF文件，并获得自动转换的字体文件对于其它类型的，预构建CSS沿和演示的HTML页面。字体松鼠也有数百@字体面对面套件。

索玛设计也放在一起FontFriend小书签，它重新定义了在运行的网页上的字体，所以你可以尝试的东西出来。它包括在Firefox 3.6+拖和下降的@ font-face支持。

最近，谷歌已经开始提供的谷歌Web字体，下一个开源许可证可用字体的分类，并从谷歌的服务器提供服务。

许可限制

最后，WebFonts.info放在一起的一个很好的wiki'd列表中嵌入字体可用于@字体面基于许可证。它没有声称自己是一个详尽的清单，但它的字体应可（可能如在CSS文件中的归属条件）嵌入/链接。 它读取的许可证是非常重要的 ，因为有不向前推进明显的字体下载一些限制。

Answer 2:

尝试Facetype.js ，您将您的.TTF字体到一个JavaScript文件。全兼容搜索引擎优化，支持FF，IE6和Safari和其他浏览器上缓慢下降。

Answer 3:

不，不是身型体面的解决办法，除非你愿意只迎合那些带血的浏览器。

微软纬，自己的专有字体嵌入技术，但我还没有听说过它在几年讲了，我知道没有人谁使用它。

我得到与sIFR的显示类型（标题，博客的标题等），并使用体型（如投石MS）的-破旧更少的网络安全字体之一。如果你厌倦了所有的web安全字体，你可能定义术语过于狭窄-看看这个矩阵的股票字体该船与主要操作系统和机会是你能找到的字体级联会赶上几乎所有的互联网用户。

例如： font-family: "Lucida Grande", "Verdana", sans-serif是一种常见的字体级联; OS X系统有很好的可读性，但那些与Windows将得到宋体，与类似尺寸和形状的字母很好的可读性网页安全字体。 Linux用户也将获得宋体，如果他们已经安装了存在于大多数发行版包经理，否则他们会回落到一个普通的无衬线的网络安全字体包。