
Then, go back to the Google Fonts page for your chosen font. You’ll be pasting this code into the header.php file.Īlternatively, you can also choose to enqueue your new fonts through your theme’s functions.php file. You’ll definitely want to make a copy of your site’s files first before you do this and/or make a child theme. Next, login into WordPress and paste this code into the section of your chosen theme. Once you’re done with this selection process, click over to the Embed tab.Īn embed code should now be visible. Once you’ve picked out a font type/family, click through to that specific font’s page.įrom there, you can choose from a variety of styles. To begin, you’ll need to go to Google Fonts and make a selection. If the plugin route won’t suit your needs or if you just need more specific control over where your fonts will appear, you can add them manually 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. As you might’ve guessed from its name, this plugin makes it easy to install Google Fonts into WordPress. Our third option here is Easy Google Fonts. You won’t be pulling from another server here, so your fonts will always be available to load every time. The aptly named plugin requires no CSS to use and allows you to add custom fonts from any source to WordPress. Use Any FontĪnother plugin option is Use Any Font. This plugin works best with Beaver Builder, Elementor, and Astra. After install, just upload your chosen fonts and they will be automatically added to whichever page builder you use. Custom FontsĬustom Fonts is a WordPress plugin that makes it easy to add custom font files to WordPress. This will likely be the quickest and easiest option for most website owners, which is why we’re featuring it first. Your first option for loading Google Fonts or Adobe fonts in WordPress is through the use of a plugin. Now, let’s get to the part of this article you came here for: the tutorial. Use a Plugin to Load Google or Adobe Fonts in WordPress You can find free and premium options here. A tried and true standard in font offerings. These have been collected from other websites. Here’s another great resource filled with free fonts. Formerly called Typekit, the thousands of fonts listed here are all included in a Creative Cloud subscription. This free resource offers up nearly a thousand font families to choose from. Though more resources exist, this is a quick list of the most popular sites where you can get fonts: And before that, you’ll need to source them. If you want to use fonts outside the standard staples like Arial and Helvetica, you’ll need to install them into WordPress.

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets
