Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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">
like image 438
Pim Avatar asked Nov 19 '22 03:11

Pim


1 Answers

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.

like image 129
Lucas Bustamante Avatar answered Nov 21 '22 17:11

Lucas Bustamante