3

我有一个时间敏感的网页,我希望它先显示页面,然后再加载任何自定义字体。换句话说,页面将首先显示,就好像没有加载字体一样。

这意味着自定义字体(如果被浏览器缓存)将仅在用户第二次及后续访问页面时使用。

我努力了:

<style>
@font-face {
    font-family: 'FontName'; 
    src: url('http://domain.com/fonts/font.ttf');
}
</style>

但它不会后加载字体。这意味着页面加载被延迟。

在没有 Javascript的情况下实现此功能的一些解决方案/黑客可能是什么?

4

2 回答 2

0

在没有 Javascript 的情况下实现此功能的一些解决方案可能是什么?

不可能。当字体是整页的一部分时,您不能加载整页然后加载字体。这本身就是自相矛盾的。

使用 javascript,您可以更改页面,以便拥有一整页,然后使其更加“完整”。

于 2013-08-24T12:47:23.197 回答
0

这是一个艰难的想法......但这是一个开箱即用的笨拙想法......不知道它是否有效,它可能会被否决。:

使用几乎相同的 2 页:

  1. 加载不使用自定义字体的页面“A”,除了底部的一些文本使用自定义字体使用内联样式呈现。希望这能让浏览器有机会缓存​​字体。

  2. 不使用 js(元刷新?)重定向到页面“B”,除了应用了缓存字体外,该页面具有相同的内容。

但是,如果没有 js,我想不出一种正确计时的方法,因此您陷入了竞争状态。

于 2013-08-24T12:58:15.083 回答