Importing Fonts

find a font:

I tend to use google fonts.

Once you've found one you like, click on it. It should bring you to a page like this:

Scroll down and find the 'Select Regular __' Button: (its on the right). Click on it.

Upon clicking on it, this window should pop up:

If this does not pop up, click on this button at the top of the screen:

Now, go to the '@import' option.

This code should go at the start of your <style> CSS to avoid interference (don't close the style in that case.)

Now that you've imported the font, you have to use it! To do this, scroll down the box and find the 'CSS rules to specify families' Box.

This should be inserted into body/heading text elements - for example:

/*BODY FONT*/

   body{font-family:  'Press Start 2P', cursive;

   color: INSERT COLOUR !important;

   font-size: INSERT SIZE%}

/*HEADINGS FONT*/

   h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Press Start 2P', cursive;

   font-size: INSERT SIZE%;

   color: INSERT COLOUR !important}

This allows you to use two different fonts for body and heading text (also colour and size are optional).