Google font API helps you to add any type of fonts to your website or any web pages. You can easily get a high quality of Google font API.

Benefits of the Google Fonts API include:

  1. A choice of high quality open source fonts.
  2. Works in most browsers.
  3. Extremely easy to use.

The API environment allows you to make query of Google fonts API and get an accurate list of the families currently available.


You May Also Like:


Add Basics of Google Font API

You essentially hotlink directly to CSS files on Google.com. Through URL parameters, you specificity which fonts you want, and what variations of those fonts.

<head>
  

   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans">
</head>

CSS

In your CSS you can then specify these new fonts by name on any element you wish to use them.

body { 
  font-family: 'Tangerine', 'Inconsolata', 'Droid Sans', serif; 
  font-size: 48px; 
}

FontLoader

You can use the FontLoader JavaScript instead of linking to the CSS.

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script type="text/javascript">
  WebFont.load({
    google: {
      families: ['Cantarell']
    }
  });
</script>
<style type="text/css">
  .wf-loading h1 { visibility: hidden; }
  .wf-active h1, .wf-inactive h1 { 
    visibility: visible; font-family: 'Cantarell'; 
  }
</style>

Those class names, e.g .wf-loading get applied to the <html> element.


Best WordPress Plugins to Integrate Google Font API in WordPress

You can add Google font API by using different types of plugins. You can save up to six Google Web Fonts on your WordPress settings & apply them to different tags.

 WP Google Fonts :

Step 1 : Install & Activate the plugin.

Step 2 : On your WordPress dashboard, head over to the Settings Section, You will find Google Fonts Menu. After clicking on it, you will see the following window.

Step 3 :  Select any type of Google font according to your choice and save all changes.

Download

Selection_048


 Font :

  1. Go to your dashboard > plugin > add > upload
  2. Choose downloaded plugin zip file and upload
  3. Activate plugin

Alternative way

  1. Download and unzipFont.zipto the/wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to text editor

Download

2


 Easy Google Fonts :

This plugin adds Google fonts to any theme without coding and integrates with the WordPress Customizer automatically for a realtime live preview.

  1. From your WordPress Admin Dashboard go to: Plugins > Add New
  2. Search for “Easy Google Fonts”
  3. Locate the “Easy Google Fonts” plugin by Titanium Themes and click the Install Now button.
  4. Activate the plugin labeled “Easy Google Fonts”.
  5. You’re done!
  6. On your WordPress dashboard, head over to the Settings Section, You will find Google Fonts Menu. After clicking on it
  7. Create a control name say myfont & Save it.
  8. Customize the different any area of content of your post & check out a realtime preview of it. Once you are done with customization, Save it.

Download

3


 Supreme Google Webfonts :

This plugin simply activates, and makes accessible the ENTIRE Google Webfonts repository. Your visual editor will show a new, third row with an easy drop-down list for choosing fonts.

Download

 


 Typecase Web Fonts :

Typecase makes working with web fonts in WordPress a glorious experience. With over 650 fonts from Google Web Fonts, Typecase is a unique and easy-to-use typography plugin that allows you to quickly browse, find, and select fonts to apply to your website.

Download

 


 Google Web Fonts Manager :

Simple plugin gets list of fonts available from google fonts via API and can selectively be added to CSS.

Download

 


Web Fonts :

Sponsored by Monotype Imaging and Fonts.com, the Web Fonts plugin provides an administrative interface for browsing and applying web fonts from a variety of sources. The plugin includes support for web fonts from the Fonts.com web fonts collection out of the box.

Download

 


 Google Typography :

The Google Typography plugins allows you to use any Google Font for any text on your existing website without writing a single line of code. In the Appearance > Typography settings page, simply add and customize as many fonts as you’d like, then apply it to any existing HTML tag or CSS selector.

Download

 


Google Web Fonts Customizer (GWFC) :

Google Web Fonts Customizer ( GWFC ) will manage Google Web Fonts to be used on your site using WordPress Customizer live preview, with wide variety usage from body tags until list tags. You can change your font weight, font style and also font color.

Download

 


GMO Font Agent :

GMO Font Agent is the web font plugin which helps you easily use Google fonts on your WordPress sites, supporting in 634 different styles. There are many brilliant WordPress plugins that uses Google Fonts around, however the GMO Font Agent is one of the most user friendly plugin in comparison with others.

Download

 


 Use Any Font :

  • Quick and easy to setup. No css or any rocket science knowledge needed.
  • Support all major browsers including IE 6+, Firefox, Chrome, Safari, IOS, Andriod, Opera and more.
  • Font conversion within the plugin interface font uploader.
  • Use uploaded font directly from Editor
  • Supports font format including ttf, otf. The required fonts are converted automatically.

Download

 


Typekit Fonts for WordPress :

Typekit offer a service that allows you to select from a range of hundreds of high quality fonts for your WordPress website. The fonts are applied using the font-face standard, so they are standards compliant, fully licensed and accessible.

Download

 


Font Burner Control Panel :

Typography on the web is very limiting. Luckily you have options when it comes to improving the fonts on your site. The Font Burner Control Panel plugin allows you to easily add any of the 1000+ free fonts available on the Font Burner website to your WordPress theme.

Download

 


Dynamic Font Replacement DFR4WP EN :

Use your own ttf- or otf-fonts with wordpress. Seo-friendly, fast and easy. The plugin does display the document and replace the text in the background. The actual source code does remain the same. This way search engines wont have any problems reading and indexing. The conversion is quick and easy. You wont need to implement any extra CSS files because the plug-in does detect the tags used and replaces them automatically.

Download

 


 WP sIFR :

With WP sIFR, you only have to upload your SWF font file to the plugin directory and then log-in, activate it, and configure its styles all in the Settings panel. You will get new fonts working on your site in under five minutes. It also works on sub-pages.

Download

 


WP-TTFGen :

TrueType Font Generator, or TTFGen, is a combination of PHP and jQuery which allows you to use custom fonts on your website which are guaranteed to be cross browser compatible and SEO Friendly.

Download

 


 WP-Cufon :

This Plugin makes it totally easy to implement Cufon into your WordPress Blog. The only thing you have to do is converting your font files and upload them into the plugins font directory. You can enable the objects you want to get replaced in the Admin Menu of your WordPress Blog.

Download

 


Facelift Image Replacment (FLIR) :

FLIR for WordPress implements Facelift Image Replacement (FLIR) by Cory Mawhorter. It is in rapid development and at this time almost completely configurable from the admin panel. Several freeware fonts are provided with FLIR for WordPress.

Download

 


TextImage :

The TextImage plugin for WordPress displays your post text as a PNG image instead of sending it to the browser as normal HTML. You can specify the text color, background color, font, font size, and image width you want to use.

Download

 


 All-In-One Cufon :

  • Easy to use
  • Automatic detection of the uploaded fonts
  • Preview of the uploaded fonts
  • Automatic detection of the fontFamily parameter
  • Option to enable only font you really want to use
  • Code tips

Download

 


Fontific | Google Fonts :

To use one of those fantastic fonts, you just need to add a new font rule in Fontific panel(Appearance/Fonts admin menu), specify css selector to which this rule will be applied, setup font settings and save changes you’ve made. That’s it.

  • No need to edit any css stylesheets
  • No new database tables are created
  • Friendly UI (use sliders to adjust font size or line height)

Download

 


Fontdeck :

It is the official Fontdeck plugin. Add Fontdeck web fonts to your WordPress site. Once you’ve chosen your fonts on the Fontdeck website, you can add them to your WordPress website using this plugin.

Download

 


About The Author

Related Posts

Leave a Reply

Your email address will not be published.