Tips for Mastering Typography on Your WordPress Website
Having the most beautifully designed WordPress website is great. That is, unless you ruin it with hard to read fonts.
Fonts are fun and exciting. And there are so many to choose from.
Think about it. How many themes have you seen boasting access to 700+ Google fonts?
Fonts make up the bulk of your website. This is how your visitors engage with your ideas, products, and even some images. But without the right typography, your readers are sure to become frustrated.
While using a wide variety of fonts on your website may seem like a good idea at first, the truth is many site visitors will quickly turn away if the choices you have made affect your site’s readability. This is especially true for those looking to scan your content.
If you are looking to encourage visitors to read more, click more, and like more of your website’s posts and pages, you need to make it easy for them to do so. In addition, if you want them buy your products or services, or willingly subscribe to receive more content from you, you have to make the content they are engaging with appropriate and readable.
Today we are going to look at some of the best ways you can master typography on your WordPress website as well as some helpful resources for nabbing the best fonts available.
Mastering Your WordPress Website’s Typography
If you are looking for ways to improve user experience on your website, consider evaluating your current fonts and keep in mind the following tips before deciding on a new one.
Evaluate the Tone of Your Site
Before choosing a wild looking font, it’s a good idea to take a look at your intended audience. Sure, you want your website to reflect your personality to a degree, but you also do not want to turn groups of people away.
For example, if your website is more academic in nature, it will suit you well to choose a more traditional font. However, if your website is aimed towards children in some way, visitors will welcome a lighter, more playful font.
Remember, Less is More
Pairing fonts is a popular way to make your website stand out from the crowd and is a good way to distinguish between different types of content. Yet, according to Ian Yates, pairing the perfect fonts can be a challenge. And, when you try to mix and match multiple pairings, you website begins to look unappealing.
Before choosing multiple fonts for your website, experiment with fonts that have different variants and weights to add variety to the look without going overboard.
Using the same font in different styles adds plenty of change throughout your content. However, all of the styles will complement each other thus adding to the readability of your website.
Consistency is Key
In the WordPress community, there is no shortage of talk when it comes to being mobile friendly and responsive. Your images should load quickly, there should be no need to scroll or flip a screen to view the entire site page, and your fonts should be readable across all browsers.
In response to this, you must test your website’s fonts on as many web browsers and screens as possible before making a final decision. For example, try using Browsershots, a simple tool for testing your website across almost every browser imaginable. It’s free to use and offers website owners results in the form of screenshots.
In addition, Google’s Mobile-Friendly Test is a proven way to test whether your website is well, mobile friendly. This free online test will render a screenshot so that you will know whether your fonts look the way you intend them to for those on-the-go.
Stay Simple and Size Accordingly
Aiming for a clean and easy-to-read design should be your number one priority when it comes to choosing a font for your website. Limit trendier, fancier styles to branding and headlines so you do not overwhelm site visitors. More so, sub-headings, lists, paragraphs, and tables should be assigned font styles that are clear and simple for easy viewing.
When it comes to font size, avoiding those you cannot read in small form is necessary. You should never strain your readers’ eyes because they will stop reading and never come back. In the end, if you cannot look at your content and read it with ease, that is your clue to make a change.
Choose a simple font and size it so all can read it comfortably.
Where to Find the Perfect Font
So, you have all of the above-mentioned tips ingrained in your mind and you are ready to choose some fresh new typography for your website.
But where do you go to find fonts?
Here is a few resources that will help guide you to the perfect font choice for your WordPress website.
Easy Google Fonts allows website owners to add Google fonts to their WordPress theme without any coding required. Integrating with the WordPress Live Customizer, this plugin provides real time previews of your font choices before making any changes.
Choose from over 600 Google fonts, translate into any language you want, and create your own font controls and rules in the WordPress admin area. For those who wish to change the typography of their WordPress website, without having to change themes to accommodate those changes, this plugin is an ideal solution.
Requiring no CSS knowledge, Use Any Font lets you use an unlimited amount of fonts on your website at any given time. Supporting all major browsers, uploading directly from the WordPress Editor, and storing fonts on your own server, this plugin works seamlessly and never sacrifices your website’ s speed and performance.
In addition, it supports font formats ttf, otf, and woff, and will accept a font size up to 15MB. If you need an endless supply of fonts, Use Any Font is a great option to consider.
If you are looking to take it one step further than the default font options WordPress provides (paragraph and H1-H6 tags), but don’t want to overwhelm yourself with hundreds of font choices, Fonts may be just what you are looking for. This super simple plugin adds 2 drop down menus in your WordPress visual editor that include additional font families and sizes.
Choose from common font families such as Arial, Comic Sans MS, Courier New, Georgia, Helvetica, Impact, Tahoma, Times New Roman, and Verdana. In addition, choose from font sizes 8, 10, 12, 14, 18, 24 or 36pt. Altogether, this simple solution to your typographical needs is apparent with this easy to install font plugin.
In the end, your goal should be to make your website stand out for the right reasons and draw more people in. Don’t attempt to wow the crowd with tons of fancy fonts because this will likely have the opposite effect and turn people away from your site.
Visual design will always have a major impact on your website’s traffic, readability, and ultimately its success. Catering to your audience, staying mindful of how others view your content, and noticing that your default fonts may not be cutting it, are all ways you can ensure a top-notch user experience and continued loyalty.
Have you ever changed your website’s typography? Did you use a plugin or some other method? I would love to hear all about it in the comments below!