CODEWITHSUNDEEP
htmlcssperformanceembedgoogle-font-api
Pim
Pim

Reputation: 443

Where to place the Google fonts code in <head> for maximum efficiency?

Where in your <head> do you place the Google fonts code for maximum efficiency / minimal page load time? Before/after your other stylesheets and scripts? Are there any considerations other than performance to take into account?

<link href="https://fonts.googleapis.com/css?family=Lato:400" rel="stylesheet">

Upvotes: 6

Views: 2829

Answers (1)

Lucas Bustamante
Lucas Bustamante

Reputation: 17188

You can place it at the bottom of <body></body> for better performance, the fonts might appear broken while the page is loading, but the page will show up faster.

Upvotes: 1

Related Questions