Link to Google Fonts and use in Stylesheet

The Google Font Library is a great resource for free fonts.

The are a couple ways to do this, I prefer using a stylesheet link in my header file.

Place the following in header.php before the closing </head>, update the font name and weights as needed.

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,600,700&amp;lang=en" />

2 thoughts on “Link to Google Fonts and use in Stylesheet”

jer says:

September 28, 2019 at 9:28 am

Was here looking at your custom post_navigation article and saw this one. I’ve been using OMGF (https://wordpress.org/plugins/host-webfonts-local/) to pull in the google fonts and host them locally. Page speed says it’s faster for me, but obviously YMMV.

More info: https://medium.com/clio-calliope/making-google-fonts-faster-aadf3c02a36d

Reply
1. katherine says:
  
  September 30, 2019 at 9:28 am
  
  Thanks for this information!
  
  Reply