1 min read

Why Typography is so Important

Why Typography is so Important

Web TypographyFor any website, the most important component would be the content. So naturally, you would want it to be as simple and straightforward as possible, and not have to worry about visitors trying to decipher cryptic messages hidden behind poor color choices and messy fonts.

This is why font choice and the overall consideration for typography are important. By choosing appropriate font faces, and assigning hierarchy where needed, you can greatly decrease confusion. Leaving visitors happy to stay and read your content.

The two most important qualities that your text should have are a readable font, and high contrast. Many sites today choose a sans-serif font such as Arial, Verdana, or Helvetica as their base font because they are familiar and very easy to read on screens. They also come standard, so by choosing fonts such as these, you can be sure that the text will visually be the same on every screen.

Contrast is also very important. If your background is a dark color, such as black or deep blue or green, make sure to use a very light font color such as white, or a light version of another color that compliments the background. Neon colors or colors that are similar in saturation or brightness are generally not a good idea to use, since they can make the text difficult to read. ;Keep in mind that about 8-15% of the population has a degree of color blindness. Follow these ;best practices for creating contrast that is visible to visitors have this vision deficiency.

A third point to take into consideration is hierarchy. Not every bit of text on your website has the same level of importance, just as text on a poster or flyer would be. Most hierarchy within websites is determined by size, but can also be enforced by choosing another readable font, changing the weight, or color.

Many websites choose to use a different font because font choice can be just as effective of defining your site 's personality as images and graphics. With prominent hierarchal text, such as menu items, page titles, and other header text, you can take advantage of using a unique font because you know the reader won 't have to spend much time reading it.

Thankfully, the web world has advanced to the point where web fonts are not nearly as limited as they once were. There are many sites such as Google Web Fonts that allow you to choose from a library of fonts specifically meant for web, as well as Font Squirrel which allows you to embed certain fonts right into your website.


Related Posts

1 min read

The Perils of Web Development or Doing It the Right Way

When our clients come to us with an idea, chances are good they are imagining more than just "a website." Unline other industries, our customers do not come to us and simply say, "One website,...
3 min read

4 Top Web Trends to Watch Out For in 2018

Year after year, trends in web design and development advance and as technology gets smarter. Staying on top of these updates can be challenging, being ahead of the curve is even harder. Each year,...
3 min read

What to Look For in the WCAG 2.2: June 2022 Release

Updates to Web Content Accessibility Guidelines (WCAG) Scheduled to be finalized in September of 2022, WCAG 2.2 covers the latest updates from the Web Accessibility Initiative of the World Wide Web...
2 min read

2018 Web Trends – Part II

Our last post about 2018 web trends covered site security, accessibility compliance, mobile-first web development, and the use of animations, but there are many more factors to consider when building...