New webfont options from Cloud.typography

Ben Moss.
July 02, 2013
New webfont options from Cloud.typography.

thumbnailWebfonts have been revolutionary on the web; they've changed the appearance of websites in a way that arguably no other web technology has.

Yes, it's true that many webfonts aren't hinted correctly for Windows; yes, it's also true that many haven't been drawn for the screen; yes, it's also true that matching available webfonts to fonts used for print work can be difficult, if not impossible. At least, that used to be the case.

Those designer headaches may now become a thing of the past with the launch of Cloud.typography from the Hoefler & Frere-Jones type foundry.

H&FJ have been one of the most prolific type foundries of the last quarter-century, but until now most of their fonts haven't been available for the web. Their new service, Cloud.typography, is a long awaited solution to that issue.

history1

Each H&FJ typeface is presented with a rich biography.

Fonts are more than an author’s handwriting, they’re tools for articulating information. Cloud.typography gives designers the tools they need to communicate in the ways that readers deserve. Its webfonts have rich style palettes and deep character sets, to help designers present content with clarity, subtlety, and distinction.

Like Google fonts, Cloud.typography is a CSS solution with no JavaScript required — presumably the fonts are encoded as base64 strings. Far more importantly Cloud.typography carries the complete H&FJ collection, over 900 fonts, which means some of the very best typefaces are now available for web use.

hoefler

A huge range of character options are available in fonts like Hoefler Text.

Cloud.typography also introduces H&FJ's ScreenSmart collection, which is a set of 250 workhorse fonts that have been redesigned and engineered for use on screens. This enables clarity and character that you often don't see in lesser-quality webfonts; with ScreenSmart fonts you can actually see the difference between bold and semi-bold, even at body text size. You can select from a variety of styles, include extra characters like ligatures and small caps, or remove them to keep file size low.

compare

Comparing Hoefler Text with Times.

The biggest news is that the typographers' favorite, Gotham, is now available as a webfont. For web use only, the classic typeface is free for use by subscribers. What's more, Gotham has been redesigned for use at small screen sizes as part of the ScreenSmart fonts collection.

screensmart

The new ScreenSmart Gotham.

compare2

Comparing Gotham ScreenSmart with Helvetica at 14pt.

Inevitably this comes at a cost. However, the price is surprisingly reasonable: subscriptions start from $99 per year for up to 250,000 pageviews, and that $99 includes your first 5 webfont packages. You can build as many projects as you like, but only 10 can be active at once (adding another 5 costs $1 per month).

Cloud.typography is not as cheap as Google Webfonts, or (for those with a CC subscription) Adobe's Typekit. However, for the discerning type professional with a love for quality typography, H&FJ's webfont offering is like manna from heaven.

Have you subscribed to Cloud.typography? Will you be overusing Gotham in the near future? Let us know in the comments.

Ben Moss

Ben Moss is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.

Read Next

24 Best Creative Portfolio Websites in 2023

For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…

15 Best New Fonts, September 2023

Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…

Weekly Design News #1

Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…

The 20 Most Controversial Logos of All Time (Ranked)

When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…

LimeWire AI Studio Generative Art App

If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.

20 Best New Websites, September 2023

Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…

The Dangers of Deceptive Design Patterns (And How to Avoid Them)

As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…

10 Best Ecommerce WordPress Themes in 2023 [September update]

You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…

5 Marketing Tools Every Designer Needs

Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…

Exciting New Tools For Designers, September 2023

At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…

Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor

Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…

Everything You Need to Know to Embrace the Y2K Design Trend

The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…