So far we've looked at serif fonts, and customizing themes. Now let's take a look and compare some sans serif fonts. I have chosen the fonts in the example below purely to illustrate how fonts, although having the same x-height, can vary enormously in their appearance:
The above font size example is 24px (18pt, 1.5em), let's see how it would look on your post or page at 16px (12pt, 1em);
A classic example of how two fonts with the same x-height can vary in appearance. With a little customization Armata can be a useful text font on a website, but I wouldn't recommend Michroma, although it has possibilities as a title header or h1, h2 headers.
On the following page we'll see how we can improve Armata and make it more legible.
Join the Discussion
Reply
Harrysastar2
Premium
judebanks
Premium Plus
Fantastic tutorial. Informative and it helpful for making better font choices and how to customize their appearance.
I understand that WordPress is removing Google's 'Open Sans'
font option.
Would you know what that means for WP users? Web designers and coders don't seem to like this. Do you know why this is an issue for some people? ~Jude
I understand that WordPress is removing Google's 'Open Sans'
font option.
Would you know what that means for WP users? Web designers and coders don't seem to like this. Do you know why this is an issue for some people? ~Jude
Harrysastar2
Premium
First, thanks for the comment, Jude, much appreciated.
Secondly, I'm not sure whether this applies to just the WP default Twenty series of themes or all themes. Below is a screenshot of a WordPress plugin that mentions removing fonts from default WP themes. I find it strange that WordPress has a plugin to remove these fonts when they are still named in the latest updated themes stylesheets.
I installed the Twenty Fifteen theme on a test site and changed the 'Noto Serif', serif to 'Open Sans', sans serif, with no problem, unless it would not appear as Open Sans on someone else's browser. As websites built at WA use the WP platform, maybe Kyle or Carson could clarify exactly what it means to WA members.
Secondly, I'm not sure whether this applies to just the WP default Twenty series of themes or all themes. Below is a screenshot of a WordPress plugin that mentions removing fonts from default WP themes. I find it strange that WordPress has a plugin to remove these fonts when they are still named in the latest updated themes stylesheets.
I installed the Twenty Fifteen theme on a test site and changed the 'Noto Serif', serif to 'Open Sans', sans serif, with no problem, unless it would not appear as Open Sans on someone else's browser. As websites built at WA use the WP platform, maybe Kyle or Carson could clarify exactly what it means to WA members.
judebanks
Premium Plus
Thanks, Harry. I appreciate your input.
I have since learned that the removal of Open Sans is from the Admin area of WordPress. See discussion below if you are interested:
https://wptavern.com/wordpress-4-6-to-drop-open-sans-in-the-admin-in-favor-of-system-fonts
It makes more sense now.
I'd like to remove - fonts.googleapis link altogether from my theme. I get a message when speed testing that the CSS needs to be optimized. It must have been included as default by the theme creator because I don't knowingly use google fonts on my site. ~Jude
I have since learned that the removal of Open Sans is from the Admin area of WordPress. See discussion below if you are interested:
https://wptavern.com/wordpress-4-6-to-drop-open-sans-in-the-admin-in-favor-of-system-fonts
It makes more sense now.
I'd like to remove - fonts.googleapis link altogether from my theme. I get a message when speed testing that the CSS needs to be optimized. It must have been included as default by the theme creator because I don't knowingly use google fonts on my site. ~Jude
Harrysastar2
Premium
Thanks, Jude, I'll take a look at it. Have a look in your header php or functions php the googleapis link may be in one or the other. If you know what the font is you can go to google fonts and find out what the loading time is.
