In previous post, we’ve discussed some common macro typographic mistakes, now let’s take a look at these 4 micro typographic mistakes that often occur on websites:
1 | Using extreme weights
Using different font weights helps establish hierarchy between text elements of the website. Using fonts that are extra light or extra black on more than just a few words or large point sizes causes readability issues. It’s nice to see different text colors when using different weighs and it can make website design stand out, but it is up to designer to use it properly. It is best to avoid extreme weights with text and small type.
2 | Using poorly hinted fonts
Font hinting adjusts font for optimum readability on digital screens. Since fonts are usually not designed for small resolutions, they don’t display well in digital media and create issues when reading. Rasterization can make fonts blurry and not fine tuned unless well hinted .Fonts that are well hinted ensure optimum results on screens with good readability.
3 | Using decorative fonts for text or small type
As their name says, decorative fonts are there to use for decoration. They are display fonts meant for use in big sizes and/or fewer words. They are not optimized for use in small sizes and are hard to read. Decorative fonts have many details, strong character and are visually strong.
4 | Using too many fonts
Try using maximum three fonts on your website, choose them wisely and pair them well. Using too many fonts that are not paired well will create visual mess and make design amateur. Also, be consistent with chosen fonts and sizes used.
From a macro typographic standpoint discussed in part one, we’ve seen how we can effect website’s readability by fixing a few things for better while making changes on a micro typographic level will ensure our design is legible, too. Legible text will make it easy for the reader to read the information. Combining these things together efficiently will definitely benefit the content comprehension and will benefit a website’s success.