Website Typography: Tips and Best Practices

4951916342_9678960550_zTypography, the art and technique of arranging type, is a key component of a website’s mood and message. When considering typography, there are several important style elements that will accentuate your brand identity and make your website “pop.”

It may seem obvious to point out, but readability is an absolute must. Your website will be viewed on a variety of screen sizes and devices. Confirm readability by reviewing your website on multiple web browsers and devices.

Once the base font and font size are determined, you can highlight the important points and emphasize messages by varying the font size. A subtle increase in font size can often do the trick. Establish the importance of varying messages by changing the font size accordingly.

Lastly, give each message the space it needs to be noticed. Using negative space allows the reader to pause and absorb content.

When laying out a website typography is always a top of mind component for our designers.  Here are two examples.

Monroe Gallery: Think Film Noir. The art itself derives its emotion through black and white contrast, and multiple shades of grey. The font choice is an extension of the dramatic style “” the font becomes part of the artistic statement.

Wine Country Homes: A more traditional typography. The homes are the focus here; the font and layout are intentionally used to frame the gorgeous images with essential information.

Here are three award winning sites which succeed in creative use of topography.

Kartell: The knocked out white headline becomes part of the design.  That is to say, the typography adds to the image of metal figures and lights rather than competing with them.

Font You: A site about fonts delivers its straightforward message without additional graphics.

Plasticbionic: Simple black text on a white backdrop.  The inspirational messages guides the visitor to the images below.

Now take a look at your website.  Are the fonts and styles you have chosen optimizing your design and branding?


About WSD

WebSight Design is a Bay Area web design and development firm started in 1995. We build and manage websites for large corporations, as well as small and mid-size businesses looking to expand their reach. We specialize in search engine optimization, social media management, hosting, mobile development, and more.

Contact us today to see how WSD can take your business to the next level with our wide range of design, development, and internet marketing services.