在Web应用程序中使用True type字体

目前我看到很多网站使用真正的字体 。 我想知道如何在我们的应用程序中使用真正的字体，并影响页面的加载时间？

Answer 1

由于浏览器兼容性问题，字体embedded可能会有点复杂。 例如，Safari只支持SVG字体。 IE只支持.eot，它必须先从.ttf转换

我发现使用自定义字体最简单的方法是使用谷歌字体除了有免费的谷歌字体目录可供select，有几个提供商提供了更广泛的字体select免费和购买。

Answer 2

HTML5允许在您的CSS中使用TTF字体：

@font-face { font-family: 'Tagesschrift'; src: url('tagesschrift.ttf'); } 

要使用它：

 h1, h2, h3 { font-family: 'Tagesschrift', 'Georgia', serif; } 

在html5rocks中查看更多信息 。

Answer 3

您使用字体embedded 。

它会影响页面的整体加载时间，因为需要下载字体数据以及其他内容，样式等。但是，它将被caching，因此只影响页面的第一个视图。