CSS中的@ font-face ....好吗？

Question

在我的website上，我的字体系列为Tw Cen MT, Gill Sans, Century Gothic, sans-serif。显然，不是每个人都会有 Tw Cen MT ，所以我选择试用@font-face方法。

这是我的css：

@font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"),  url(fonts/TwCenMT.ttf) }

几个问题：

1. 这适用于所有现代浏览器（Firefox，Chrome，Safari和IE8）吗？

2. 我还没有测试过，因为我有字体。当您访问我的homepage时，此方法是否适合您？

3. 字体是一个大文件。访问我的网站时，您是否经历了很长的加载时间？

非常感谢

Answer 1

从非技术角度来看，您确定您的字体许可证允许吗？大多数商业字体制作者会非常，非常对他们提供的字体提供不受保护，以便在互联网上下载。

不要让自己被起诉。

Answer 2

These dudes说只要用“双引号”包围网址并用分号结束字体内的每一行就可以了。

Answer 3

它在技术上可以在你提到的所有浏览器的最新版本中工作，虽然有一些“陷阱”，特别是围绕IE。 Here是一个更详细的链接。

访问您网站的加载时间很短（<1秒），但我不确定它实际上是什么字体，因为我不熟悉您网站中的所有字体。

据我所知，this是@ font-face语法的规范来源，尽管我遇到了这个问题。

根据我的经验，简短的回答是虽然@ font-face在技术上得到了广泛的支持，但在实践中，要做到正确可能会很棘手。

Answer 4

查看https://browserlab.adobe.com/以便在不同的浏览器中对其进行测试。或者，http://litmusapp.com/browser-testing。希望有所帮助。