CODEWITHSUNDEEP
htmlcssperformanceoptimization
Ram Pratap Singh Gour
Ram Pratap Singh Gour

Reputation: 123

Minimize google font request

My homepage have below links, I need to make a common request for this for performance issue. 

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

Upvotes: 2

Views: 1224

Answers (1)

dommmm
dommmm

Reputation: 908

https://fonts.google.com/

Re-select all the fonts you need on google fonts again. The updated api will create a single url for all your fonts combined like so:

<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">

You might look into reducing the number of font weights you need as they add unnecessary load if you're not using them.

Upvotes: 4

Related Questions