Blog: Website Design

The secret to creative typography in web design [Quick Tip]

Posted by in Website Design on Wednesday, January 28, 2015

Website Design

In the past, web designers were very limited in their choice of typography. Times New Roman and Arial or Serif and Sans Serif were the standard available fonts and they left little room for creative expression. The use of non-standard fonts was a risk: if people didn’t have the font installed on their computer, the basic fonts would be displayed which could then cause issues with the way the content appeared onscreen.

Of course, designers were free to use any font of their choice in graphic elements, but the use of images introduced many other complications such as font consistency throughout the website. It also had a negative impact on search engine optimization due to the inability for search engines to read the text contained in the images.

Fortunately with the advent of webfonts, these issues have largely disappeared. Webfonts are just what they sound like – typography that is hosted online, so that anyone can view them without having the font pre-installed.

One of the most notable webfont service providers is Google Fonts. Google Fonts are free, and don’t add significant development time or costs to implement. These freely available options have taken the handcuffs off designers wanting to be expressive through the use of typography.

Another benefit: many of us have brand guidelines that stipulate specific fonts for business communications, so you can now be consistent on the web just like you are in print!

For more information, visit http://www.google.com/fonts to see if your font requirements are supported. If there is no direct match, check out http://joelcrawfordsmith.com/new/content/your-guide-best-google-web-fonts, which has suggestions for some of the more popular corporate fonts.

For those looking for additional options, there are companies such as Fontspring which provide a huge catalogue of both free and paid webfonts for corporate use.

Keep in mind that a browser (be it phone, tablet, or desktop) that has JavaScript turned off will not see the proper font. A few other caveats:

  • Having too many webfonts will cause additional loading time to your site
  • The major web browsers handle webfonts differently and your .css file must be coded to handle these differences
  • Certain webfonts can be difficult to read on mobile devices

Anywhere from 2 to 8 percent of the users have JavaScript disabled, so it is vital to work with a design and development team that understands how to specify backup fonts so every user has a great experience with or without JavaScript. Bear Creek Web has a team of design experts ready to fully implement any type of webfont with the utmost care to ensure everything on your website performs perfectly and looks great on both desktop and mobile.

If you are interested in adding webfonts to your website, contact us today to get started.

Need a new mobile-ready site ready for 2017?

Contact one of our friendly professionals to review your needs. We'll help you improve the quality of your mobile website right now and keep it running smoothly in the years to come.