最小化谷歌字体请求

时间:2016-12-06 09:50:51

标签: html css performance optimization

我的主页有以下链接,我需要针对性能问题提出此问题的常见请求。

<link href='https://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,700italic' rel='stylesheet' type='text/css'/>

1 个答案:

答案 0 :(得分:3)

https://fonts.google.com/

再次在Google字体上重新选择所需的所有字体。更新的api将为所有字体组合创建一个单独的URL,如下所示:

<link href="https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i|Lato:100,100i,300,300i,400|Roboto:400,500i,700,700i,900" rel="stylesheet">

您可能会考虑减少所需的字体粗细数量,因为如果您不使用它们会增加不必要的负载。