How to Load Google or Adobe Fonts in WordPress

How to Load Google or Adobe Fonts in WordPress

As you likely know already, when you get a new WordPress theme, it’ll come with a few fonts straight away. These are fonts that the developer chose that best fit with the design and layout of the theme. However, you can always switch these up if you want to. This is especially preferable if you’re already making changes to other aspects of the site’s design and functionality. That way, you can choose WordPress fonts that really best serve your site, your brand, and your target audience. And let me tell you, there’s no shortage of fantastic fonts to choose from out there. But getting them actually installed in WordPress can be a bit of a challenge, especially if you’ve never done it before. That’s precisely what we’ll be discussing here today. But first, let’s pause briefly to talk about where to find fonts in the first place. Select Your Fonts If you want to use fonts outside the standard staples like Arial and Helvetica, you’ll need to install them into WordPress. And before that, you’ll need to source them. Though more resources exist, this is a quick list of the most popular sites where you can 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. Use a Plugin to Load Google or Adobe Fonts in WordPress Now, let’s get to the part of this article you came here for: the tutorial. Your first option for loading Google Fonts or Adobe fonts in WordPress is through the use of a plugin. This will likely be the quickest and easiest option for most website owners, which is why we’re featuring it first. 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. This plugin works best with Beaver Builder, Elementor, and Astra. Use Any Font Another plugin option is Use Any Font. The aptly named 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 Our third option here is Easy Google Fonts. As you might’ve guessed from its name, this plugin makes it easy to install Google Fonts 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 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. To begin, you’ll need to go to Google Fonts and make a selection.  » Read More

Like to keep reading?

This article first appeared on 1stwebdesigner.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply