异步加载Google Web字体脚本链接

时间:2018-02-06 12:35:47

标签: javascript asynchronous fonts google-webfonts

我试图通过做一些调整来提高我的网站性能,我发现谷歌网络字体脚本加载字体 异步,问题是字体加载 异步但不是脚本src链接所以我只是将css的问题移到了js。

我的实际代码是:

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
   WebFont.load({
      google: {
        families: ['Oswald:400,300', 'Material+Icons']]
      }
});

我尝试过使用异步和延迟,但是在脚本src上却没有用(它消除了页面块渲染,但字体没有像其他脚本那样加载async )。

那么删除脚本src链接的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

在这里,在</body>之前而不是head标签之前,将其包含在体内

<link href="https://fonts.googleapis.com/css?family=Noto+Serif" rel="stylesheet" lazyload>

这使得字体在其上方的所有内容之后 加载。

但是请使用Oswald字体代替Noto Serif。

最初由“ Paddy”用户回答:

https://stackoverflow.com/a/40624546/6283055

答案 1 :(得分:0)

尝试一下。

 private void Form1_Click(object sender, EventArgs e)//Form Click Event
    {
        _Tiro = new Tiro(); //Class new instance of class
        _Tiro.Spawn_Tiro(this, Cursor.Position.X, Cursor.Position.Y);
    }