Ultimately, your typeface choices will come down to your budget. Typefaces have varying price points. The price can depend on whether you choose to host the font files or use a hosting service. As you may know, webfonts are different file formats (.woff2, .woff) than formats used on your operating system (.ttf, .otf).
Every designer or distributor has a different pricing model, though they are generally easy to understand and compare. Here are four popular models:
Your other budget consideration is the performance budget. Tim Kadlec describes it as follows:
A performance budget is just what it sounds like: you set a “budget” on your page and do not allow the page to exceed that. This may be a specific load time, but it is usually an easier conversation to have when you break the budget down into the number of requests or size of the page.
Make your developers and visitors happy by establishing a performance budget. If your site feels fast, it improves a visitor’s experience and overall impression of your brand. The file-size limitation forces you to make deliberate typeface choices, improving the overall consistency and quality of your design.
Fonts render differently on Apple and Windows devices. To combat this, type foundries undergo a thorough process called manual hinting, greatly improving rendering on Windows. As high density pixel screens become more prevalent, hinting will become less important.
To cover your bases, check your site on a range of browsers and devices, or use BrowserStack. A few foundries offering high-quality webfonts:
Graphic designer Bonnie Siegler said it best: “Your choice of typeface is as important as what you do with it.” With so many great foundries, resources, and tools out there, your options are almost endless. I hope this article provides a foundation for experimenting with new typefaces in your own work.