Google Fonts are a great way to spruce up your page with a non-standard font. This technique takes a bit of CSS know-how to figure out which elements to change but the basic instructions are below. There is also a number of plugins that might work for what you’re doing if the steps below aren’t clear.
- Pick out a font here: http://www.google.com/webfonts
- Click on the font header/name to choose options and see the different styles
- On the top-right, click Select this font
- Keep adding the styles and fonts that you want to use (remember that each one you add will slow your page loading down by a bit)
- When you have everything you want to add, you should see a “Family Selected” box on the bottom right; click that
- Under the Embed tab, copy the code under STANDARD, it should look like this:
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
- In the WP-Drudge admin, go to Appearance > WP-Drudge options and click the Advanced tab
- Paste that code into the “Additional header code” field and click Save changes
- Now, you need to add that font to the right elements using the code in Google Fonts under “Specify in CSS.” All headlines, for example, would be:
h1, h2, h3, h4, h5, h6 {font-family: ‘Lato’, sans-serif !important;}
The whole site would be:
body {font-family: ‘Lato’, sans-serif !important;}
For many of the fonts, you’ll need to increase the font size with the font-size declaration. Google has a good overview if you’re getting stuck.
