Sneaky Typography Errors to Avoid on your website

Unnecessary Typeface Stretching

Unnecessary typeface stretching is a common mistake that can be made when designing fonts. This error occurs when a designer tries to make the font look larger or more spacious by stretching the letterforms beyond their natural width or height. This can cause problems with legibility and readability, as well as inconsistencies in the typography throughout your design.

Overlooking measure

Typography is the type of font, size, color, and style used in a document or web page. It can make a big difference in the overall look and feel of a website.

  • Poor readability
  • Unprofessional appearance
  • Confusion about which element on the page is responsible for which task

Inadequate tracking

Inadequate tracking can lead to mistakes in the typography of the website because it is difficult to know what changes have been made to the text and how they have affected the layout. If you are not tracking changes, you will not be able to make informed decisions about how to fix problems with the typography. This could result in the incorrect or unreadable text on your website.

Bad contrasting

Bad contrasting can create mistakes in the typography of the website by making it difficult for readers to understand the content. This can be done by using too many different typefaces or fonts, or by using typefaces that are not easy to read. It can lead to mistakes by causing confusion among page elements. For example, if there are two headings with different font sizes, readers may not be able to tell which one is the main heading and which one is a subheading.

Font combinations

Font combinations can create mistakes in the typography of a website if not planned correctly. This is because font combinations can lead to conflicts between fonts, which can result in text that is difficult to read or looks sloppy. To avoid this problem, it is important to choose fonts that are well-matched for each other and the overall design of the website.

  • The font size & weight
  • The typeface family
  • The text alignment & color
  • The background color of the text area or element

Too much positive tracking

Tracking refers to the space between characters across an entire word or a phrase. The greater the spacing, the more the characters will be spaced apart. Tracking should be used only if necessary. Adding too much tracking makes the text hard to read.

Insufficient leading

Leading is the distance between lines of text in a document. It is measured in points and affects the spacing between words. Incorrect leading can create mistakes in the typography of your website because it can affect the spacing between words. If your leading is too tight, it will cause letters to be close together, which can lead to awkward sentences and difficult reading.


Typography errors can be easily overlooked. However, they are a major problem that will affect your website’s overall user experience. This is why it is important to take the time to check for typographical errors on your website and make sure that you are using fonts correctly. In this article, we have stated some common typography errors that you should avoid to make sure your website is visually appealing and easy to navigate.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alakmalak Technologies Pvt Ltd.

Alakmalak Technologies Pvt Ltd.

Alakmalak Technologies was founded in the year 2006, which specializes in web design&development, eCommerce development, Web Application, Custom Development,SEO