Planning to add Google fonts to your WordPress site? Use Google Font Manager plugin to do it.

Prerequisite(s)
Google account
Enable Web Fonts Developer API
Google API key

Features

  • Add as many Google Fonts as you want to your site
  • Full integration with Google Fonts API
  • Automatically adds fonts to Visual Editor (WP Edit)
  • Optionally adds “Web Safe Fonts” to Visual Editor
  • Customize style sheet to override theme default
  • AJAX-powered, no screen refreshes!
  • Clean and fresh UI and UX design
  • Fully responsive Admin (as of WP 3.8)
  • Light-Weight… turn on and off options
  • Resources only loaded in WP Admin when needed
  • Multisite compatible with single API key

google-font-manager

How to install Google Font Manager?

Step 1 Login to WordPress control panel

Step 2 Go go Plugins > Add New

Step 3 Type Google font manager in the search box and click Search Plugins

search-google-font-manager

Step 4 Click Install Now under Google Font Manager. Click OK when prompted with the install window.

install-google-font-manager

Step 5 Click Activate Plugin to start using Google font manager.

Step 6 Go to Settings > Google Font Manager to configure API key

Step 7 Paste the API key in the Enter your API Key box then click Update Configuration

enter-api-key

Step 8 Please see Google Font manager page. Click on Preview Fonts tab. Click on the desired font e.g.  Abel then click Add This Font.

abel-add-font

Step 9 In this tutorial, we will create a new page to show how the Google font manager works. Go to Pages > Add New

Step 10 Enter the title of the page as Google Font Manager

Step 11 Click on the Font Family dropdown and you should be able to select Abel font there. You can add more fonts by referring to step 8. Enjoy choosing fonts for your site using Google Font Manager!

abel-font-content-editor


About 

    Find more about me on:
  • facebook
  • googleplus
  • linkedin
  • pinterest
  • twitter
  • youtube

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>