{"id":162474,"date":"2017-02-06T13:00:12","date_gmt":"2017-02-06T13:00:12","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=162474"},"modified":"2017-05-25T07:43:29","modified_gmt":"2017-05-25T07:43:29","slug":"wordpress-font-typography-facelift","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/wordpress-font-typography-facelift\/","title":{"rendered":"How to Give Your WordPress Site a Font Facelift"},"content":{"rendered":"

As we think about all the ways we can change ourselves for the better this year, why not throw a little of that energy into making our websites better, too? I don\u2019t know about you, but I think a little facelift couldn\u2019t hurt\u2026 especially if you\u2019re in the mood to shake things up a bit.<\/p>\n

When it comes to website revamps, there\u2019s no need to do a full redo \u2013 unless your analytics<\/a> are telling you there\u2019s something wrong. Otherwise, a little nip and tuck should be all you need to give your WordPress website a fresher look.<\/p>\n

My suggestion? Start with your typography.<\/p>\n

Step 1: Evaluate Your WordPress Website\u2019s Current Typography<\/h2>\n

Before tackling any makeover, it\u2019s best to assess what you\u2019re working with first. This\u2019ll give you an idea of where any weaknesses may lie and how much flexibility you\u2019ll have in making changes.<\/p>\n

In order to evaluate a website\u2019s typography, ask yourself the following questions:<\/p>\n

1. Where did Your Current Font(s) Come From?<\/h3>\n

Are you aware of how your site\u2019s current font selections came about? If your site uses the default fonts from your WordPress theme or they were chosen on a whim, that\u2019s usually a good sign that they need to be changed. While they probably look good enough<\/em>, they were not hand-selected to fit with your brand\u2019s unique style. Consistency in design is key \u2013 from the images you use all the way down to the typography.<\/p>\n

\n
\"Google
Google Fonts is a fantastic place to start if you’re looking for a font. Best of all, it’s free.<\/figcaption><\/figure>\n<\/div>\n

2. Is Your Typeface Complete?<\/h3>\n

Let\u2019s say you\u2019ve selected a high-quality font face that meshes well with your site\u2019s design. What happens when you find out it doesn\u2019t come with a complete character set? In other words, will you be okay relinquishing your site to all-capped text or forcing your writers to avoid certain characters that aren\u2019t included in the set?<\/p>\n

If you\u2019re unsure of whether or not you have a complete typeface that includes all letters, numbers, and symbols, go back to the source of the font. There should be a preview field where you can enter custom text. Insert the following lines of text to ensure that all essential characters are present:<\/p>\n

ABCDEFGHIJKLMNOPQRSTUVWXYZ
\nabcdefghijklmnopqrstuvwxyz
\n\u00e0\u00e8\u00e9\u00ef\u00f6\u00f9\u00fc\u00e7\u00fb\u00e6\u00c6\u0153\u0152
\n.,;:?!\/[]{}()*-\u2013 \u2014\u2026\u201c\u201d\u2018\u2019_
\n0123456789
\n\u2264\u2265\u00f7+=\u2248\u2260\u00b1-\u00b7\u221a\u00b0@\u20ac\u00a3$%&*|\u00ab\u00bb\\<>\/~\u201d\u2018\u00a7\u00b6\u00a9\u00ae\u2122<\/p>\n

3. Have You Checked for Readability Issues?<\/h3>\n

If you\u2019re working on a Mac, I\u2019d suggest you download\u00a0Font Book<\/a>. Once you have a font that\u2019s piqued your interest, install it in Font Book to test for readability issues. You can use this to:<\/p>\n