Default Font

find a font

  • Go to Google Fonts
  • Change the preview to show Paragraph instead of Sentence.
  • Then narrow down your choices to font types that would be good for basic text (paragraphs and lists). Go to Categories...
  • uncheck boxes to only show one of the following types:
    • Sans Serif 
    • Handwriting - make sure it's easy to read paragraphs!
    • Monospace

Find a font you'd like to use and click on Select this style

copy code to style sheet

On the top right:

  1. Click on @import
  2. Select everything in the top box (between the style tags) and copy (CTRL+C)

At the top of your style sheet paste the @import code (CTRL+V).

Select and copy what's in the CSS rules box...

Then add a new line inside body and paste it (TAB it in).

Save your style sheet and see how it looks on your page...

try more fonts?

If the side panel is closed, open it using this button on the top right...

You can try out as many fonts as you like. For each font you try: 

  1. Select/add the new style
  2. Select @import
  3. Copy the code between the <style> and </style> in the top box.
  4. Paste it on your style sheet, replacing the other import line.

Copy the font-family code for that font... 

...and paste/replace it in the body style.

If you don't like it, you just need to copy the font-family in the body style. You can also CTRL+Z until you have that font-family again.

font-size

If you like your font (or you're not sure) but it's too small, you can make the default font size bigger in body style. It's best to use em so it's just a bigger version of that font (1.5em = 150% of regular size)

In my example, I found that too big, so I reduced it to 1.2em