Custom fonts
1. Go to http://www.google.com/webfonts/
2. When you find a font you like, click the blue 'Add to Collection' button, which is this:
You can choose as many fonts as you like by selecting that button on each font you want to use (they will automatically add themselves to the collection).
3. When you've finished choosing fonts, click the grey 'Use' button in the bottom right-hand corner, which is this:
4. Scroll down to step 3 where it says 'Add this code to your website', which is this:
5. Copy that code and place it before </head> in your theme code, or you can place it after <head> if you can't find that.
6. Scroll down the page a little to step 4, where it says 'Integrate the fonts into your CSS'. Copy the code/s in this box:
7. This step is tricky; you need to put the font-family: codes where you want the special font to go in your theme. For example, if you wanted all the text on your page to be the custom font, then find body { in your theme code and paste the code from step 6 underneath body {. If you wanted just your blogtitle to be the custom font, then find the part for your title which could be title { or blogtitle { or header { etc. If you're having trouble with this step, tell me what part of your theme you want to change the font of and I can help you :)
Please 'like' this tutorial if it was helpful! x








