Most WordPress themes, including my own, come with basic Google Fonts. Which is not bad. I also have a tutorial on how to use and change Google Fonts. But, what if you want to use a custom font you purchased from… let’s say Creative Market (affiliate), my number one place to purchase fonts, so the rest of your site matches your logo or brand.
That’s where a plugin comes in handy. Use Any Font plugin was created by Dinesh Karki and was rated #1 by WPMUDev.org.
With this plugin you’re allowed to upload one custom font for free but for a reasonable monthly fee you can get unlimited uploads for a lifetime.
Here’s how you would upload a custom font to WordPress and assign it to the elements you choose.
Click on Plugins >> Add New.
Why not check out my beautifully designed, feminine, WordPress themes by clicking HERE.
In the Search box type in Use Any Font. Then click Install Now >> Activate.
When the plugin is installed you’ll see the Use Any Font on the left sidebar of your admin dashboard. Click on it.
The first thing you will want to do is get an API key. Click on ‘generate test API key’. This will auto-populate an API key for you to allow you to use one font file.
Then click the ‘verify’ button to make sure the API key is good to go.
If you want to upgrade to use unlimited fonts, click on the blue ‘here’ link that’s right underneath the ‘verify’ button.
When you do that, you’ll be taken to the DnessCarkey website to select the plan that’s best for you. And if you share it, you’ll get a 10% discount. Not bad right?
After you’ve made your purchase, go back to the Use Any Font set up page.
Back to the plugin. Under the ‘Upload Fonts’ section click on ‘add fonts’. Type in a font name and then click ‘choose file’ to select the font file you want to use. Next click ‘upload’.
Now you have to assign your font to a text style. Click on ‘assign font’ in the Assign Font section.
Next to ‘Select Font’ click the drop down to select your font. Right below that, tick the element or elements you want to assign the font to.
And if you want to change the font of the site title add a simple code .site-title a in the Custom Elements section. See image below for an example.
Click the ‘assign font’ button to save changes when you’re done. And finally, to see if the changes took, click the link to your site at the top left to preview. If you don’t see any changes, clear cache and refresh the screen.
That’s it! Super easy right? You may need further adjustments to your font like the size or spacing, depending on your theme and font used. I did have to make the site title on the Kylee More theme larger for the Lucky Fellas font. If you are using a Studio Mommy theme and need help with the sizing, spacing, etc. just shoot me an email and I will help you out with that.
I would love to hear what you think about this plugins in the comments. And before you go, please share this post on social media, thanks!