Over the last few years, the move from using web-safe fonts within website designs to the now global use of custom fonts has risen at a rapid rate. Designers are now provided with a variety of tools to help them use fonts of their own choice in their websites, rather than being limited to the typical Arial, Verdana, etc. With a variety of tools making it easier than ever to add strong typography to your designs, which method should you choose?
Supported by all major browsers, this is a very modern way to use custom fonts. Fonts must be embedded within the CSS, in a variety of file formats as major browsers understand different formats. Using @font-face renders the font directly in the browser, leaving text selectable. Depending on the user’s browser and operating system the font will render with subtle differences between. It is recommended that only a handful of fonts are embedded on each page, due to multiple files being required per font.
Examples of web fonts in use
In conclusion, Cufon is perhaps catered more to using custom fonts in headings and titles, where-as @font-face or TypeKit could be used for body text also. Either method will help you achieve your desired results, so it may come down to personal preference. What is sure however that the web is no longer limited to a handful of fonts, allowing designers to push much more ambitious ideas and designs across.