Importance of Typography in Web Design
Typography is a major part of the design process and can pretty much make or break a website. It's not something which can be randomly tossed together - it has to be considered, structured and organized. It also has to compliment your brand and laid out so it is easily read, gets the user's attention and assist the conversion process.
Here are some quick insights on what to consider during the Typographic processHierarchy
Creating a strong visual hierarchy is very important for readers to be able to quickly navigate from most important content to least important and gives them a sort of scaffolding to quickly find specific content they're looking for.Font selection
Every font has a personality and a unique look and feel to it. The fonts have to be appropriate for the website (reflect and compliment customers identity), legible and web safe.Font size
Text on the Web has been too small for too long. For a variety of reasons including the "above the fold" myth and the belief that small type looks more sophisticated, most type on the Web is set on the screen at 12px or lower. However, we tend to use between 14 and 16 px for body copy as it is more scannable and better received on responsive design - This is due to large monitors and crisp hi-definition screen resolutions on tablets and mobiles.Color/ Contrast
When choosing the colors, take into account the background color so that the copy is legible and easily readable. However, there is debate in the design community about the need for immediate contrast in type as lower-contrast combination can add a degree of sophistication.Limit number of fonts
Two or three type families are typically enough for most projects. Commonly in web design, the main body copy on a site is a sans serif typeface. They are generally easy to read at a variety of sizes and work with many other fonts. Serif typefaces are less commonly used for type at smaller sizes but can be a great option for large display type.White Space
Don't be afraid of white space. White space is not blank space nor unused space, it helps make your design clean and professional.
There's a lot that goes into typography and these little pointers merely scratch the surface. But when used correctly can help define and structure a website and add distinction and tone.
Abu Kalam Shamsuddin
Department of Multimedia Technology and Creative Arts
Daffodil International University