Web fonts support your online brand
As a designer, being able to incorporate the best typography into your website is crucial. Similar to every other design element on a website, type plays a huge role in setting the tone and personality of a website. Only until recently have designers been able to branch out of the “web safe” font realm and experiment with new typography. Web fonts can help brands refine their digital web presence and support user experience. As semantic markup becomes more and more important to SEO rankings and browser compatibility, embedding fonts in images becomes obsolete, making way for live text.There are several methods to follow for serving up a web fonts, including CSS@font-face, Google Fonts, Typekit, and a handful of other services. Here’s a bit more about the three most popular options for integrating and using web fonts:
CSS @font-face
This CSS property is a CSS rule that allows a designer to specify online fonts, rather than depending on pre-installed fonts on the user’s computer. This option is free and gives designers a wide range of fonts to choose from when creating their designs. Learn more about CSS @font-face.Google Fonts
Open source, free, and fast delivery—this web font service tends to be faster than the others, but it only includes a limited collection of fonts. Learn more about Google Fonts.Typekit
Typekit is another free web font service (with option to subscribe for more fonts) that allows designers to choose from hundreds of fonts. The main draw back is that their a free subscription only allows users to access a few fonts at a time.Additional reading—
Creating a unique experience for your users is always a priority and will greatly enhance any design. Each of these web font services can be combined to create a truly distinctive experience that will speak to your users and add to your overall digital brand.
Wonder how TBH Creative can help? We offer full-service website design and development to take your brand to the next level. Contact us today!
Subscribe to our marketing blog for free resources