html - 最小化谷歌字体请求

Question

我的主页有以下链接，出于性能问题，我需要为此提出一个共同的请求。

<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'/>

Answer 1

https://fonts.google.com/

再次在google fonts上重新选择你需要的所有字体。更新后的 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">

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