Cloud.typography User Guide

Choosing Fonts

How to select webfonts and add them to your library.

Understanding Webfonts

The Hoefler & Co. collection includes both Multipurpose and ScreenSmart fonts, each of which plays a different role in web design.

Multipurpose fonts — for headline sizes

Originally designed for print, Multipurpose fonts render beautifully on screen at large sizes. Each font’s ideal size range is determined by its complexity: some Multipurpose fonts work as small as 18 pixels, but fonts with extreme weights or proportions are best saved for much larger sizes. We’ve designed webfont waterfalls for each of our fonts, to illustrate a range of suitable sizes. (For best results, avoid using Multipurpose fonts any smaller than the minimum size shown on a font’s waterfall.)

ScreenSmart fonts — for text sizes

ScreenSmart fonts are specifically built for the screen, to perform at sizes from 9–18 pixels. Their forms are adapted to anticipate the effects of coarse pixel grids, and their styles are adjusted to ensure that each weight is appreciably different from the other members of the family. On Windows, where other webfonts are at their weakest, ScreenSmart fonts contain additional engineering that helps them render with special clarity and precision. For best results across all platforms, always use ScreenSmart fonts when setting text at small sizes.

Adding Fonts to Your Library

When browsing any font family, the Styles link will show you what packages that family contains:

Styles Tab

Families that include both Multipurpose and ScreenSmart fonts will list them separately, under these two tabs:

ScreenSmart Tab

Either kind of package can be added to your webfont library, or purchased for download. Select any package to see what styles it contains.

Using Fonts on Your Computer

Hoefler & Co. offers computer licenses, for downloading and installing the fonts on your computers, as well as a reduced-price web-only license for using the fonts on the web through your Cloud.typography subscription. (As a subscriber, every font that you license for your computers is automatically available to use as a webfont through Cloud.typography, at no additional charge.) And as a new subscriber, you’ll notice that your first five “web-only” packages are free.

To add a font to your webfont library, choose Web use only from inside the Show Prices capsule:

Web Use Only

If you also need to use a typeface on your computers, choose the number of computers under Show Prices:

1 Computer

Managing Your Library

Once you become a Cloud.typography subscriber, you’ll see an option to review Your Font Library under the Welcome menu at the top of the screen:

Your Font Library Link

Inside, you’ll see all the fonts available for use with your Cloud.typography subscription. These include any of the five web-only fonts you’ve selected as a new subscriber, any additional fonts you’ve licensed for web-only use, and any fonts you’ve licensed for use on your computers:

Your Webfont Library Inventory

Once you’ve added some font packages to your library,
you’re ready to start adding font styles to your projects.

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.