HOW TOWordpress

How to Get Google & Adobe Fonts to WordPress?

Every WordPress theme has its own fonts, that the developer chose them to fit the design and layout of the theme. But fortunately, you can always change these fonts and add more of them to your site.

To know how to get Google and Adobe fonts and more to WordPress, just keep reading…

How to get Google and Adobe fonts to WordPress?

There is more than one method to add and change the font in WordPress, but before explaining these methods let’s see the best sources to get fonts:

  • Google Fonts: This free resource offers up nearly a thousand font families to choose from.
  • Adobe Fonts: Formerly called Typekit, the thousands of fonts listed here are all included in a Creative Cloud subscription.
  • Font Squirrel: Here’s another great resource filled with free fonts. These have been collected from other websites.
  • Fonts.com: A tried and true standard in font offerings. You can find free and premium options here.

And now let’s see the best methods to load Google and Adobe fonts in WordPress.

First method: using a plugin:

There’s always a plugin for everything on WordPress, and here your first option for loading Google Fonts or Adobe fonts in WordPress is through the use of a plugin.

Custom Fonts

Custom Fonts is a WordPress plugin that makes it easy to add custom font files to WordPress. It supports .woff, .woff2, .ttf, .svg, .otf, and .eot formats. And it’s easy to set up. After install, just upload your chosen fonts and they will be automatically added to whichever page builder you use.

Use Any Font

This plugin requires no CSS to use and allows you to add custom fonts from any source to WordPress. You won’t be pulling from another server here, so your fonts will always be available to load every time.

Easy Google Fonts

The third option here is Easy Google Fonts. As you might’ve guessed from its name, this plugin makes it easy to install GoogleFonts into WordPress. It integrates with the built-in WordPress customizer, so once installed, your fonts will be automatically accessible from within this editing tool, in real-time.

Add Google Fonts to WordPress Manually

If you don’t like plugins, you can add fonts manually:

  • Go to Google Fonts and make a selection.
  • Once you’ve picked out a font type/family, click through to that specific font’s page.

"Add

  • From there, you can choose from a variety of styles. Once you’re done with this selection process, click over to the Embed tab.
  • An embed code should now be visible. Copy this code.

  • Next, login into WordPress and paste this code into the <head> section of your chosen theme.
  • You’ll be pasting this code into the header.php file.
  • Note: You’ll definitely want to make a copy of your site’s files first before you do this and/or make a child theme.
  • Alternatively, you can also choose to enqueue your new fonts through your theme’s functions.php file.
  • Save your changes. Then, go back to the Google Fonts page for your chosen font.
  • Right below the embed code you previously copied; you should see a bit of CSS.

  • Copy the CSS. Now go to the Customizer in WordPress (Appearance > Customize) for your theme.
  • There should be a spot for Additional CSS. Paste this bit of CSS code there to apply your font site-wide by assigning it to the body element, or just specific items like headers or navigation.
  • And finally, click Publish when you’re done.
Tags

Related Articles

Leave a Reply

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

Back to top button
Close
Close