Completely Free Course

Connect with Facebook

or

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free Course

Connect with Facebook

or

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Module 2: Designing Your Website

How To Pick Your Google Font Combinations

Action Plan

Step 1: Use Font Pair To Get Ideas For Possible Font Combinations


Why This Step Is Important

Finding the right fonts for your site is another great way to enhance your site’s design. Because of this, I would recommend taking your time on this step to make sure you’ve found a font combination that you’re really happy with.

Visit Font Pair

Font Pair offers hundreds of recommended Google font combinations for your website. Browse these recommendations and choose one heading font and one body font for your website.

Watch Our Video Tutorial For This Step

This video will walk you through how to use Font Pair to find the appropriate heading font and body font for your website. You will also learn the difference between serif and sans-serif fonts.

Video Summay

  • Visit Font Pair
  • Make a list of which heading fonts and body fonts you like (0:29)
  • You can type on the page to change the text (0:54)
  • Use the main menu to select Sans Serif and Serif categories (1:00)
  • What’s the difference between Sans Serif and Serif (1:10)
  • Take your time creating a list, make the final decision in the next step (2:48)

(I made a list of my favorites heading fonts and body fonts)

Step 2: Change Your Fonts In The WordPress Customizer


How To Change Your Fonts In WordPress

You can change your default fonts in the WordPress Customizer by going to:

Appearance > Customize > Typography > Base Typography

Watch Our Video Tutorial For This Step

This video will walk you through how to change your heading font and body font in the WordPress Customizer. You will also learn how to use our LP-SETTINGS-typography template to help finalize your decision.

Video Summary

  • Log into your WordPress dashboard (0:28)
  • Go to Elementor > My Templates (0:31)
  • Search for “settings”, find the “LP-SETTINGS-typography” template, and click “View” (0:37)
  • Click “Customize” in the admin bar at the top of the page (1:00)
  • Preview your font changes on the right as you adjust the settings (1:10)
  • Go to Typography > Base Typography (1:16)
  • Change the heading font and choose the font weight (1:35)
  • Some fonts have more font weight options than others (2:22)
  • Change the body font (3:36)
  • Click “Publish” to save your changes (4:20)
  • Do not adjust the font size, line height, or margin bottom settings (4:38)

(I changed my heading font and body font in the WordPress Customizer)

Continue To The Next Tutorial Below

Module 2

Designing Your Website

Module 2 Progress
0

Your Achievements

You have earned 0 badges

How Can This Course Be Free?

Our course is 100% free forever because of our special partnerships with SiteGround Hosting and Elementor Pro.