Headings

Remove font styles you've added in Google Fonts.

  1. Remove all for the font that's open/expanded.
  2. Expand other font(s)
  3. Remove all 

find font type

Same idea but now change Categories to "Display" and/or "Handwriting"


Find a font you like and Select this style. 

Click the @import option and copy the style in the first box

Paste that on a new line at the top of your style sheet

h1 style

  • On your style sheet, near the top, add a new style for h1 
  • Add an empty line between the { } brackets
  • Select all the font-family code in the next box and copy (CTRL+C).
  • Paste it inside the h1 style

Save your style sheet and take a look at your page. Do you like it?

  • If you don't like it, just look for another font and Select this style
  • Remove the style you don't want anymore
  • Select another style, copy the @import code and replace the font-family code inside the h1 style

H1 size

Go inside the h1 style and add a new line font-size and set the size using em (where 1.5em = 150% of regular text size). Start with 2.5em (in my example I like it a little bigger than that).

h2 style

  • Copy the h1 style and paste it below, change the style name to h2
  • You will need to set the font-size a bit smaller, can't be the same size as the page heading!

center h1

Go back inside your h1 style and make it centered using the text-align property.