Communication that doesn’t take a chance doesn’t stand a chance.

- Carlos Segura

It is far better to adapt the technology to the user than to force the user to adapt to the technology.

- Larry Marine

Faces of type are like men’s faces.  They have their own expression; their complexion and peculiar twists and turns of line identify them immediately to friends, to whom each is full of identity.

- J.L. Frazier

Once upon a time web designers were limited to a select number of fonts specifically safe for the web. Arial, Georgia, Verdana - these typeface names still send shudders down those designers spines. Today, it's a different story. Within the past couple of years updates in compatibility between all forms of web browsers has allowed for web designers to experiment with web safe fonts offered by servers such as Google Web Fonts.

In this post I am hoping to help readers understand the visual impact and added style web safe fonts portray on a finished developed web site. It is important for viewers to be able to read all content easily and efficiently while still maintaining a characteristic theme. Make users enjoy reading your webpage! These suggestions are for your aid in picking the right typeface for your site that are personable and professional while reflecting your brand in the best light.

Content/Body Text Favorites

The following content-specific examples all show typefaces that are easy to read on screen versus print, have a flair that creates depth within the body text of the web pages, and updates your site to give that modern fresh appeal that users will truly admire and take note of.

Web Fonts Content Example

Descriptive/Header Text Favorites

Other use of typefaces for the more stylish website include headers, buttons, etc. that highlight those main elements of your webpage to really enhance the brand. The added importance of these buttons and words need to be showcased with a typeface that has a special uniqueness and flair that develops even more by viewing it larger, as shown in the image below.

Web Fonts Header Example

Web Example

The following example from www.craftstudiotogo.com shows two examples shown earlier - Terminal Dosis for the content text and Nixie One for the headers/buttons. Seeing the typefaces in action help visualize the effect they have on the web.

Web Fonts Example

Using these typefaces that are both stylistically fresh as well as easily viewable by users on their computer/phone screens demonstrate the progressiveness of websites today and their potential to be something more and more customizable. Make sure to stay open to the idea of looking at other typefaces other than the standards provided, and see how much they can enhance your brand.