用于异步加载Google字体的非JS解决方案

时间:2017-09-21 23:33:11

标签: css webfonts pagespeed google-webfonts google-pagespeed

我知道异步/非阻塞加载Google字体的一种方法是使用他们的JavaScript Web Font Loader。但是,他们的任何非JS(最好是HTML / CSS)解决方案?

一种非JS方式是在用于导入Google字体的标记末尾添加lazyload。但是,这个属性isn't得到普遍支持(远非如此)。那么我们能做得更好吗?

如果除了使用JS解决方案之外别无他法,我也会接受这个答案。

1 个答案:

答案 0 :(得分:1)

我认为这comment by soren121 on a related question几乎总结了一下:

  

“lazyload”属性来自废弃的W3C提案和it was only implemented by Internet Explorer and Edge。我不建议在公共网站上使用它。要在所有浏览器中异步加载Google字体,您应该使用Their JavaScript Web Font Loader

而且我也可以说,没有使用JavaScript就无法异步加载字体。