In a time where words mean more than ever before, it’s important to make them stand out. Good Typography is essential for all websites and with web fonts, you have an unlimited selection to choose from.

There are many websites which use paid services like Typekit and Fontdeck that will give you premium fonts at a price. However, Google Fonts can give your words the same impact for free.

Google Font Combinations

Google Font Combinations

Here are my top 5 five Google Font combinations that I think will give your website a clean and professional look for 2017.

PT Serif + Open Sans

The rules of the Hunger Games are simple. In punishment for the uprising, each of the twelve districts must provide one girl and one boy, called tributes, to participate.

Catamaran & Roboto

If you want to know what a man’s like, take a good look at how he treats his inferiors, not his equals.

Lora & Lato

I had forgotten that time wasn’t fixed like concrete but in fact was fluid as sand, or water. I had forgotten that even misery can end.

Montserrat & Merriweather

Stuff your eyes with wonder, he said, live as if you’d drop dead in ten seconds. See the world. It’s more fantastic than any dream made or paid for in factories.

Libre Baskerville & Playfair Display

It does not do to dwell on dreams and forget to live, remember that. Now, why don’t you put that admirable Cloak back on and get off to bed?

Adding Google Fonts

The new Google Fonts website makes it even easier to add fonts to your website. Google refreshed the look and feel of the site to make it more intuitive and easier on the eye.

Google Font Combinations

Add Google Fonts to your site

It’s very quick and easy to add Google Fonts to your website:

 

  1. Select your fonts
  2. Copy the link and paste into the HEAD section of your HTML
  3. Copy the CSS rule and paste into your CSS file

Google Font Combinations

Add Google Fonts to WordPress

To add your fonts to WordPress, you just need to add the link to your functions.php file like you would enqueue other assets.

 

// Enque fonts through functions.php
function wpt_theme_styles() {
    wp_enqueue_style( 'google_font', 'https://fonts.googleapis.com/css?family=Poppins:600' );
}

add_action( 'wp_enqueue_scripts', 'wpt_theme_styles' );

Sign up for Updates

Comments