#fonts tutorial

First i downloaded the font ‘From Where You Are’ from here.

Second, i moved the file into a new folder on my computer.

Third, i followed this tutorial post to use the font in my theme.

I’ll talk you through the process with some screenshots:

Went to this site and uploaded my file- when uploaded, DON’T CLOSE WINDOW, otherwise you will lose the URL.

  Go to Classic Customisation + Use Custom HTML

Pasted the following code under <style type=”text/css”>  (doesn’t matter where, as long as it is above </style> & quick tip: use Ctrl + F to find tags quicker!):

@font-face {font-family:FONTNAME; src: url(URL) format(“truetype”);

Replace the URL bit with the URL of your uploaded file.

Also paste after the last ; THIS:

font-weight: normal; font-style: normal; 

It’s so that the font (well should) change according to styles like bold & italic.

  Change FONTNAME to the font name or anything you like, like ‘Grapes’ or ‘Woof’ if you like.

To use that font, replace FONTNAME with the name you put in the previous step. So for example sake, fromwhereyouare: 

All theme codes are different, but if you want to use the Custom Font for something, just find ‘font-family’ and replace it with the following:

font-family:”FONTNAME” (eg) font-family: “fromwhereyouare” 

You may need to change the speech marks, if you find that it’s no working

I hope this helps! Please do ask if something is unclear and my explaining sucks somewhere, i’ll be very happy to help you! :D