6

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">
3
  • As long as they are in the head, it doesn't matter where they are, though you can order them to load before other scripts in your <head> tag. Feb 26, 2017 at 22:34
  • You can place this at the beginning of your "style.css" file. As long as it is in the head it's fine! Feb 26, 2017 at 23:36
  • Thanks, but the question is whether there are performance or other implications.
    – Pim
    Feb 26, 2017 at 23:37

1 Answer 1

1

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.