@ font-face嵌入式字体总是最后下载的东西吗？

Question

我第一次使用@ font-face，似乎字体文件始终是页面上加载的最后一个资源，无论如何。我正在使用带有笑脸语法的Font Squirrel生成的工具包。我已经尝试了一些建议here等技术，以便更早地下载字体，包括直接将字体作为数据放入CSS中，并将样式元素放在文档的head部分。这些技术都不起作用;在Chrome，FF和IE中，字体文件总是最后下载。

是否有影响字体加载的顺序？

有一个相关的问题here，但它只是链接到我提到的同一个Paul Irish帖子。

Answer 1

字体加载因浏览器不同而不同（我猜您正在考虑FOUC）。

我认为唯一能够像读取@ font-face规则一样加载它的浏览器是IE和Opera。

编辑样本：

以下是一个简单网站的净负载列表：

• font-family在.css文件中最后调用 - 在所有背景之后 图像
• 正在加载的字体为scriptbl-webfont
• @font-face是 在重置样式后在css顶部定义。

FF5 - 字体加载最后：

IE9 - @ font-face上的字体加载 - 以及背景图片之前：

Opera 11 - 字体加载@ font-face - 和背景图片之前：

Safari 5 - 最后加载字体（我的文件夹中没有favicon - Safari自行添加）：

Answer 2

我不确定您的体验是什么问题。对我来说，使用需要下载的其他字体应该是最后发生的事情之一。不同的字体是一个表现形式，在我的脑海中不需要额外的东西，让所有必需的东西下载，然后是额外的东西。