• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / Google Fonts in Parallax Pro / Getting Google Fonts code for a Genesis child theme

Getting Google Fonts code for a Genesis child theme

In this video and tutorial I’m going to show you how I got the Google Fonts code I needed to change the fonts that are used in the Parallax Pro theme.

Parallax Pro Theme

First choose your fonts

There are hundreds of Google fonts available. Luckily Rafal Tomal, the designer at CopyBlogger, has made a free eBook with 25 of his favorite font combinations at…
http://typespiration.com/guides/
You have to sign up to the email list to get this free mini eBook.

After choosing two fonts I went to Google Fonts…

https://www.google.com/fonts
and typed in…
Lato
Searching for a font on Google Fonts
I’m going to use Lato font for everything except the .entry-title font. Entry Title is the main title of blog posts and web pages.

  • First I type my font name
  • Then I click the font
  • I choose the Add to Collection button
  • My first font is now selected
  • I type the second font name
  • Click to select the font, Josefin Slab
  • Add to Collection
  • Click the USE button
  • I use the tick boxes to choose weights
  • Scroll down and copy the 3 lines of code

Add font to collection

The “Use” button is in the bottom left corner

The Google Fonts Use button

Copy this code from the Google Fonts dialogue boxes.

gogle-fonts-code

You now have the Google Fonts code. In the next video I’ll show you how I added this code to Parallax Pro.
View the next page in this tutorial

Sidebar

3 Part Tutorial: Changing Google Fonts

  • Getting Google Fonts code for a Genesis child theme
  • Pasting Google Font Code into functions.php in Parallax Pro theme
  • Changing the Font Family CSS in Parallax Pro

This is the Theme Used in This Tutorial

Parallax Pro Mobile

StudioPress Genesis Tutorials

The Genesis Newbie

StudioPress Setup Wizard

StudioPress Theme Setup Wizard

genesis-geek-button

DIY Genesis Child Themes

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top