php - 如何先显示页面再加载自定义字体？

Question

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

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

我试过:

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

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

在不使用 Javascript 的情况下，有哪些解决方案/技巧可以实现此功能？

Answer 1

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

使用几乎相同的 2 个页面:

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

2. 在没有 js(元刷新？)的情况下重定向到页面“B”，除了应用的缓存字体外，该页面具有相同的内容。

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