Making the Web More Beautiful

Oh, what a beautiful WEB we weave…
through great typography and now CSS fonts.

You’ve been there, created a beautiful print piece with painstakingly selected fonts. The project is complete and the client is so pleased that now they want to expand the use of your design to an e-blast, marketing automation campaign or to rebrand their website…GREAT!

You take the design to your web developers, only to be told that they can’t easily use the fonts you so carefully selected. You either have to find a “close as possible” match with an online font service like Google Fonts or custom package the fonts which usually comes with many headaches.

This may seem like a minor issue but Typography is 95% of the design – it’s a driving force in all forms of visual communication. It’s more than just picking a font and a point size from some drop-down menus on your computer. Good typography is utilitarian in that it should allow the reader to focus on the content and not the formatting. Good typography often goes unnoticed because it just makes sense. Typography can make or break your design. It’s really one of the things that separates a seasoned designer from a newbie who still has a lot to learn about design and thinks that all text looks great when it is


Figuring out how to effectively use fonts in your design projects is a learning process. When it comes to the visual design of a website the emphasis has traditionally been on the hero graphic; photography, illustrations or vector graphics. But at the end of the day, most websites are there to be read, so typography is one of the most important things you need to address.

Web font services are not without limitations, however. With any transfer between mediums and technologies, there are conversions and optimizations that need to occur in order to achieve best results.

In the beginning, only a few font types could be used safely in websites. Typography was often overlooked by web designers and treated more by the function of ease of use and consistency over multiple platforms to assure that every viewer would see the text as the designer intended. More recently, services like Typekit have updated their standards and technologies allowing almost as much freedom for web fonts as with traditional mediums. Designers now have more creative freedom to choose a font that is not only functional, but also complements the design of the project.

For your next project, whether it’s a website, app or print design, prioritizing the focus on good, consistent typography helps your project become more relevant and powerful in the marketplace.


Diana Renner
Graphic Artist

October 16, 2017

#Adobe Typekit #CSS #design #Google Fonts #Typography #Web Design #Web Font