The Fonts

A type library marked by high performance and high style, Cloud.typography supports our complete font collection.

Thoughtful, hard-working font families, outfitted with advanced features and abundant styles: Cloud.typography brings to the web everything you expect from Hoefler & Co. With support for every one of the more than nine hundred fonts in our collection, Cloud.typography offers the full expressive range of each of our font families, delivering swashes, small caps, and multiple figure sets even to browsers that aren’t designed to support sophisticated typography.

And to tackle the web’s greatest challenge, Cloud.typography debuts with more than 250 new fonts for text: our exclusive ScreenSmart® collection, specifically designed and engineered to deliver outstanding quality at sizes as small as nine pixels.

Every Cloud.typography subscription includes:

  • Your first five webfont packages, FREE
  • FREE Cloud use of fonts you’ve already purchased
  • FREE Cloud use of every font you buy for your computer
About Us
This fictitious Brooklyn sandwich shop is one of those farm-to-table operations that one hears so much about these days. More
What’s Cooking
Chef Hennings creates two meditations on classic barbecue for this season’s menu. More
Specials

Introducing Screensmart Fonts

Exclusively at Cloud.typography

Not just fonts on the web, fonts for the web.

Typefaces from the physical world fail in the browser because they weren’t designed to anticipate the pixel. Pixel grids disfigure letterforms, most dramatically at the text sizes where we do most of our reading. To give web designers reliable tools for text, Hoefler & Co. created the ScreenSmart collection, adaptations of our hardest-working typefaces, completely reimagined for the screen. Designed for the browser, ScreenSmart fonts are fully-featured type families that offer outstanding quality at text sizes on all platforms.

Multipurpose fonts, designed for print, render beautifully at high resolution. On screen, this letter occupies about 22,000 pixels; on paper, an imagesetter would create it from 28 million dots.

Most fonts on the web fail at text sizes. With only 30 pixels to work with, no computer can correctly guess how to best render a complex shape — especially one originally designed for ink and paper.

ScreenSmart fonts are built for web text. Conceived from the outset as font families for the screen, they’re designed around the natural properties of pixels, and engineered to deliver precise results everywhere.

Built from the pixel up.

ScreenSmart fonts aren’t just designed for the browser, they’re designed in the browser. To create them, we first built our own suite of font development tools directly on top of the Webkit layout engine, so that our designers could create fonts in the same environment in which people would read them.

The ScreenSmart design process involves reshaping every glyph in a typeface so that it harmonizes with pixel grids at every size. Proportions are altered to favor legibility at small sizes, weights are recalibrated to ensure that each member of a family is distinctive, and characters are respaced to improve their clarity in text. Each font is evaluated for performance at every size, to ensure that wherever a ScreenSmart font is used, it maintains both its definition and its unique personality.

A
B
C

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.
It provides a simple and satisfying application that allows designers to focus on their typography, and leverages the power of the world’s best content delivery network to

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.

Cloud.typography brings Hoefler & Co. fonts to the web. Designed to deliver the highest quality reading experience, Cloud.typography is an intelligent platform that connects
highest quality reading experience, Cloud.typography is an intelligent platform that connects the needs of different browsers with a host of different webfont technologies.

Designed for screens, engineered for browsers.

ScreenSmart fonts don’t just withstand the screen, they harness its potential. Because Cloud.typography delivers different font files to each type of browser, ScreenSmart fonts can use different engineering strategies to play to the strengths of each environment.

Every character in a ScreenSmart font is equipped with a set of detailed instructions called “hints,” which tell its outlines how to adapt themselves to pixel grids at different point sizes. On Windows, ScreenSmart fonts are built to target the individual RGB elements within a pixel, to deliver extraordinary results in text. And because Cloud.typography only delivers the data that a browser needs, its webfonts are always optimized for file size as well as quality.

abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Extra Light 200
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Extra Light Italic
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Light 300
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Light Italic
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Book 400
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Book Italic
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Medium 500
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Medium Italic
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Bold 700
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Bold Italic
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Black 800
abcdefghijklmnopqrstuvwxyz Gotham ScreenSmart Black Italic

A world beyond “regular or bold.”

How many weights does a type family need? Standard webfonts have just two, barely enough for even a modest design program. Multipurpose print fonts can have dozens of weights, though often with differences that are too subtle to register on screen. Enter the ScreenSmart collection, typefaces conceived not merely as webfonts but as web families. ScreenSmart families are designed with clear intervals between their weights, so that each style is distinguishable from its neighbors at even the smallest sizes.

System fonts like Arial have a very small range, its two weights differing only slightly. In Arial Regular, strokes measure 2.4% of the type size; in its Bold, just 3.6%.

Multipurpose fonts, designed for print, often include styles too fine or too bulky to render on screen. Many include styles that are indistinguishable at small sizes, where there aren’t enough pixels to render subtle weight differences.

ScreenSmart fonts have more pronounced intervals between weights, to ensure that each style is distinctively different at text sizes. All weights are within the safe range for rendering at small sizes on all platforms.

Dynamic Range. A useful type family needs a broad range of weights, and styles that are easy to tell apart. Here’s where these three type families place their weights along the spectrum from lightest to heaviest.

System Fonts Arial
Multipurpose Fonts Gotham
ScreenSmart Fonts Gotham SSm

Serif, sans, and more.
Lots more.

ScreenSmart typefaces are new kinds of fonts to work with, options once unimaginable in the browser. Try a slab serif designed for text that comes in six weights, or a cursive italic that includes seven sets of figures. Pick an elongated sans that works at sizes even smaller than text, or a family with characters for more than 200 languages. A ScreenSmart palette means typefaces you can differentiate at nine pixels, compressed faces that work on Windows as well as the Mac, and dependable families of space-saving fonts that are perfect for mobile applications. ScreenSmart fonts let you articulate even the most sophisticated content with both clarity and style.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKk
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKk
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKk
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSs
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEe
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJK
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEe
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz AaBbCc
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

Pixel-perfect results.

ScreenSmart fonts aren’t just for you, they’re for your readers. Designed to satisfy a broad range of browsers both old and new, ScreenSmart fonts always deliver the best of what every platform has to offer. Text typography is crisp on Windows and smooth on the Mac, exactly what readers on each platform expect.

Cloud.typography is compatible with all browsers that support webfonts, including Internet Explorer 6+, Google Chrome 6+, Firefox 3.5+, Safari 3.1+, Opera 10+, Mobile Safari for iOS 4.2+, Browser on Android 2.2+, Google Chrome for Android 18+, IE Mobile for Windows Phone 8, and Blackberry OS 7+ including PlayBook.

See how it works.

Quick to set up, easy to integrate, and painless to deploy: here’s how Cloud.typography makes webfonts happen. Learn More

Your project exceeds the 1,000k limit, so your changes have not been saved.

Try adding fewer fonts, fewer styles, or configuring the fonts with fewer features.