When exploring how new fonts work together, we always find ourselves talking about dinner. The world of cuisine offers so many natural parallels for typography, and a robust vocabulary that we’re quick to borrow: What does this font taste like? Is it a garnish, or the entrée itself? Is it adding heat, or sweetness, or spice? What might it go with? Food and dining offer indispensable reference points, which by analogy can make it easier to communicate what we see in a piece of design. One designer to another, we’ve described fonts as “somewhere between the small batch bourbon made in Brooklyn, and the one your granddad drank,” or “the menu for an oyster bar, but reimagined without a New England accent.”
If the type is right, you’ll know what you’re getting into.
Add wine to the mix, and whole new dimensions open up. There’s the balance of old and new, and the stance that every winemaker takes toward tradition. A label communicates at once whether a wine is trading on its heritage, or interpreting it in a new way; perhaps it’s standing apart from convention, or thumbing its nose at history. Wine labels succeed when they play with the instantly recognizable tropes and clichés of typography, from the engraved foofaraw of an old Bordeaux, to the haute modernism of a New World white. As with all packaging, if the type is right, you’ll know what you’re getting into.
For Discover.typography, we challenged ourselves to see just what kinds of flavors we could coax out of unexpected pairings. Could a pair of brutalist sans serifs be paired with a pattern of renaissance arabesques, to evoke the kind of bottle that your favorite Italian restaurateur brings out at the end of a gathering? Could we project a flavor using just one font, or crashing six families together? Could we take typefaces that we’ve never seen used on wine bottles, and use them to evoke recognizable flavors? You’ll find twenty-two different studies for typographic wine labels today at Discover.typography. Cheers! —JH
Every organization should brand its custom collateral: the proposals, statements, presentations and reports through which it communicates the most. Office Fonts from H&Co can help: they’re specially designed for users of Microsoft® Word, Excel®, Powerpoint®, Pages®, Numbers®, and Keynote®, the business software that runs typography’s last mile.
You know this company: their logo’s in Gotham, their website’s in Gotham, there’s Gotham in their outdoor advertising and their television spots. There’s Gotham in the window of every branch, and inside, Gotham on the in-store displays and the printed brochures. And then the estimate you’re given from their sales associate will be in Arial, your sign-up contract in Times Roman, and your next two years of monthly statements in something someone picked at the lettershop. Typography can be the least expensive and most effective way of reinforcing a brand, or the quickest way to dilute it.
Meet Office Fonts.
Office Fonts from H&Co allow everyone who speaks for the brand to use the same consistent voice. They’re adaptations of some of our most popular typefaces, specifically created for use in the applications that generate personalized communications. They allow an organization’s branding to extend beyond the projects that designers themselves create, to include the reports, proposals, statements, and presentations prepared by non-designers — often the bulk of how any organization communicates.
How They Work
People use the fonts that are easiest: the ones that live in their font menus, work in their software, look good on screen, and behave in familiar ways. H&Co’s Office Fonts are designed for people who use word processors, spreadsheets, and presentation packages, allowing them to participate in the brand typography.
All Office Fonts from H&Co feature:
— Familiar Families. No one looking for “regular type” should have to choose between Book and Medium. In place of the more detailed palette of styles that can be confusing for both businesspeople and their software, H&Co’s Office Fonts are provided in the customary four-style arrangement of Regular, Italic, Bold, and Bold Italic. Bold and Italic styles are mapped to the standard keyboard shortcuts B and I, to avoid the artificially “smeared” and “sloped” romans for which office documents are notorious.
— Enhanced Clarity. H&Co’s Office Fonts have a larger lowercase, a more generous fit, and clearer gestures, making them easier to read both on screen and in print (compare the A columns, above.) They have a heightened contrast between regular and bold styles, to make boldface type unambiguous (A1), and are engineered with ScreenSmart™ technology to render crisp and clear text on Windows.
— Friendly Features. Only a designer should have to contend with old-style figures, lining figures, or tabular figures. Office Fonts from H&Co include one and only one set of numbers, built on a fixed width to ensure that columns of numbers align neatly (B). Numbers are designed to the same width across all styles in a family, ensuring that highlighting text in boldface won’t disrupt the grid (C). And all Office Fonts feature numbers that coordinate with both lowercase and capital letters, making complex syntax easier to read (D).
— Compatibility. Office Fonts from H&Co are produced in TrueType format, to support even the simplest (and oldest) business applications. The same font files can be installed on either Mac or Windows, making asset management and deployment easier.
Today we’re introducing twelve families of Office Fonts, all of them available for purchase and download. Some coordinate with our best-known typefaces (which serve the world’s best-known brands), Office Fonts for Gotham, Archer, Whitney and Sentinel. We’re also introducing Office Fonts for some of our newest releases, including this year’s Whitney Narrow and Operator. Below is just a taste of what Office Fonts can do.
The Whitney typeface has always been an adroit multitasker. Having grown out of a commission from New York’s Whitney Museum, the typeface was designed to serve two masters: the museum’s publications department, which needed a design both compact and energetic, and the facility’s public signage, which above all required legibility and sturdiness. A later addition designed for headlines, the six-style Whitney Condensed family, made Whitney an even more valuable tool for both publishers and brands.
But one challenge that Whitney has never confronted is the narrow column. As editorial designers know, narrow columns are the bugbear of typography: they’re hostile to wide typefaces, perverting text with overzealous hyphenation, and often demanding that headlines be craftily written. Designers, developers, publishers, and brands now face the challenge of narrow columns every day in the form of the mobile phone: with the ascendancy of apps and the mobile web, fonts are routinely set on a two-inch measure. For these applications — as well as the narrow columns that permeate magazine sidebars and captions, paper packaging, data visualizations, and product literature — we’ve created the compact and economical Whitney Narrow.
Whitney Narrow was designed to thrive at sizes both large and small. At small sizes, it excels not only in text and informational typography such as charts and graphs, but for rendering the growing universe of fine print that’s often required but infrequently read: the ingredient lists, nutritional information, regulatory notices, disclaimers, and copyright legends that attract compact typefaces. In print, Whitney Narrow renders this fine print with clarity and warmth. For the screen, we’ve created the companion Whitney Narrow ScreenSmart family, a collection of twelve screen-optimized typefaces that’s designed and engineered to perform at sizes as small as nine pixels.
At headline sizes, Whitney Narrow makes a hale companion to the regular-width Whitney. It preserves Whitney’s angular motif (originally inspired by the iconic geometry of Marcel Breuer’s Madison Avenue museum), and features an option to disable these details when they’re not wanted. Above, Whitney Narrow Bold in two different moods: jaunty with its angled stroke endings, and sober without them. These gestures appear in 231 different characters, but can be quieted with a single setting in any application that supports OpenType Stylistic Sets, such as Adobe InDesign, and the Cloud.typography webfont dashboard.
Designers are trained to believe that similar typefaces should never be used together. But breaking this cardinal rule can sometimes be the perfect way to create ordered, elegant typography.
by Jonathan Hoefler
As powerful as typography can be in setting a reader’s expectations, it’s often the dialogue between typefaces that most effectively communicates how information is meant to be understood. Dictionaries use bold Antiques and delicate Ionics to distinguish their headwords and definitions; wayfinding systems use different fonts to identify routes and destinations. Find the most monotonous piece of design you can, and it’s still likely that its logo, headlines, and text are wearing different typographic dress.
It’s therefore customary for designers to reach for palpably different typefaces when assembling a palette. If not, why use more than one font in the first place? It’s hard to imagine the design that truly needs both Univers and Helvetica, and designers who mix both fonts indiscriminately do so at their own peril. Think of a trustworthy website, whose login page is one day mysteriously rendered in Times Roman. Even the most visually indifferent readers feel these disruptions.
But just as the most stylish person you know can pull off wearing four different kinds of check, or live in a room painted six different shades of orange, there are techniques for successfully bringing together typography’s first cousins, its doppelgangers, and its long-lost twins. Here are three types of font pairings that are traditionally scorned, but when used with purpose, can be supremely successful. We’ll be retiring that old chestnut “don’t use fonts that are too similar” in favor of a more constructive philosophy: “make each font’s purpose clear, and use every one consistently.”
1. Two Fonts in the Same Category
Designers contemplating two different fonts of the same general style often limit their choices to designs that have distinct personalities and pronounced characteristics. No one would consider “two serifs” likely to clash if one were tall and lithe, and the other a stocky text face. But few would consider pairing two different Old Style faces, let alone two Dutch Old Styles with the same large x-height and dark strokes, and many similar details. Quarto and Mercury are two such typefaces, and while their differences are clear enough to the typographer, we should assume that the vagaries of serifs and ball terminals are lost on the average reader.
Curiously, it’s this very ambiguity that suggests a union of the two typefaces, in which each is free to assume the role for which it’s best qualified. Quarto is a display face, with the snug fit, delicate hairlines, and discreet serifs that recommend it specifically to headline sizes. The Mercury family contains two kinds of faces for smaller sizes, each with the generous fit, thicker hairlines, and clearer gestures necessary for reproduction at text sizes: Mercury Text was designed for print, and Mercury ScreenSmart was designed and engineered for the screen.
On their website, filmmakers Not To Scale pair Quarto and Mercury ScreenSmart beautifully, by assigning each font a specific and exclusive range of sizes. Quarto is restricted to headlines, with Mercury ScreenSmart supplying everything else. The relationship between these two designs is further articulated by the designers’ use of Quarto’s heaviest weight and Mercury’s lightest, and by routinely pairing one font’s roman with the other’s italic — something the designers archly do in both directions.
WHY IT WORKS: Related typefaces can be successfully used together if each inhabits its own altitude, one at text sizes and the other at display. For this to work, each typeface must have the visual characteristics appropriate for its size range, with the hairlines, proportions, and fit that are tuned for either text or headlines. For large sizes, look for serif fonts with Fine, Display, or Titling in their names, as well as sans- and slab serifs with extreme weights such as Hairline or Ultra. For small sizes, look for print fonts named Text, and webfonts that are specifically built for small pixel sizes, such as the ScreenSmart collection.
TIP: Explore the contents of the text and headline faces you choose, reviewing both their styles and their character sets. Display faces often have a broader range of weights to choose from, offering subtle shadings that come alive at large sizes. Text faces often contain features such as small caps, tabular figures, fractions, or symbols, which can help both articulate and decorate text at small sizes.
2. Fonts with Similar Drafting Styles
Typefaces that have similar mannerisms, if they’re intended for the same range of sizes, can make truly ponderous companions. Sometimes such fonts are the work of the same type designer, who exhibits a strong personal style; other times the resemblence is coincidental. The following two typefaces are each the product of a radically different brief: Ideal Sans is a sans serif that renders a Humanist framework with handmade gestures, and Operator is meditation on the technical aesthetic of the typewriter. Yet both faces meet at some unforeseen crossroads, sharing the same motifs of angled stroke endings and asymmetrical curves, similarities that would seem to disqualify them from ever being used together.
For the publication of his longform essay The First Roman Fonts, author and publisher John Boardley chose this very pairing for his website, I Love Typography. Both faces, in their ScreenSmart versions, are used at small sizes, Ideal Sans for text, and Operator for the supporting footnotes and commentary. That both fonts were designed and engineered for small sizes might make either one a good choice to satisfy both functions, but Boardley’s selection of different fonts for different textual roles helps formalize the site’s distinction between text and annotation.
On the site, each typeface serves a function that’s sympathetic with its origins. Ideal Sans, with its large vocabulary of organic shapes, produces the kind of complex texture traditionally associated with seriffed text faces. Operator, with its roots in typewriting, can effect an authorial, academic voice, the perfect choice for the commentary that surrounds the text itself.
WHY IT WORKS: Instead of dividing the typography by type size, these typefaces have been assigned different semantic functions. The choice of typeface is prompted by the structure of the content itself, with each selection informed by both the fonts’ abilities and their intentions. Spending time with the fonts’ character sets revealed that their superficial resemblence goes no deeper than a handful of letters in a few core styles, and uncovered some useful textures in the auxiliary styles, such as these very different forms of italic.
TIP: Remember that even fonts that share the same visual cues can have wildly different proportions, which affect the leading, column width, and tracking they require. Compared with Ideal Sans, Operator has narrower letters, a larger x-height, and dramatically shorter ascenders, descenders, and caps, which together invite much tighter settings. Varying these parameters can help play up the differences or similarities between the two typefaces.
3. Two Revivals of the Same Source
To many designers, historical revivals are the core of the typographic canon. Those who depend on these classics are tasked with the duty of presiding over many different revivals of the same original, and choosing a single correct version for every project. (To see something beautifully set in Adobe Garamond, with a late addition hastily added in itc Garamond, produces a special kind of dissonance. Typography is that art in which the tiniest errors are always the most conspicuous.)
Many consider the idea that revivals aim to be definitive — that history is heading toward one ultimate Garamond revival — to be outmoded. Instead, contemporary designers often approach historical material in a more interpretive way, finding qualities in historical artifacts that resonate with ideas and requirements of their own. Some of the most interesting contemporary typefaces are those that are grounded in historical forms, but are less “recreations” of old typefaces than “occasioned by” them. This invites the possibility that a type designer might revisit the same historical source many times during his or her career, and produce many different interpretations that have both differences and similarities. Sometimes these designs will conflict with one another, other times they’ll be compatible. Most often, they’ll do both.
An example from our library is the pairing of Champion Gothic with Knockout, two divergent type families created years apart, and both inspired by the same historical source. Champion Gothic was my first typeface, designed in 1990, and intended to be a modern interpretation of nineteenth century American wood types. Designed for Sports Illustrated, its sentimentality is checked by the needs of an energetic editorial art department, and its design shaped by a magazine format that required five closely-related condensed faces plus one heavy outlier.
A few years later, I revisited these typefaces with different goals in mind, thinking about how this material might be rationalized into a larger grid of both widths and weights, to ultimately produce the 32-member Knockout family. Above are nine of Knockout’s styles, alongside all six of Champion’s, showing the common ancestor that both fonts share.
Just as a designer might pick the most appropriate Garamond revival for a project, most designers can evaluate Champion and Knockout’s merits and decide which fits the project at hand. But some designers use styles from both families together, and sometimes to great effect: the example below is a favorite, pairing two styles of Knockout with Champion Gothic Heavyweight.
WHY IT WORKS: When working with two different families built on the same historical ground, look for points of overlap and differentiation beween them. If both families have the same range of styles, and include the same kinds of features and character sets, stick with the one that feels best for the project. But if there are outliers in one family that aren’t represented in the other, try using them together. This design works because its central style, Champion Gothic Heavyweight, is the farthest afield from the styles in Knockout, not only in weight and width, but in character. Similarly, the two weights of Knockout used here are ones that have no analogue in Champion, whose weights never go this wide, this narrow, or this light.
TIP: Look first to the extreme ends of a family to see what makes it unique. Many historical revivals take on the challenge of adapting traditional models to new purposes, often including the weights, widths, or optical sizes for which the original source wasn’t intended. Also spend some time with both fonts’ character sets, looking for any points of departure. Subtle adjustments like the alternate Rin the top line here serve to heighten the differences between this font and its neighbors, further ensuring that these closely related designs never clash. —JH
Italics can be the most colorful part of a type family, diverging dramatically from their roman cousins. Here’s a look at twelve kinds of italic typeface, with some notes on their cultural contexts, historical backgrounds, and practical applications.
For as many kinds of typefaces as there will ever be, there’ll be even more kinds of italics. Nothing in the design of a roman typeface dictates what its italic will look like, and since the role of an italic is to be not only sympathetic with its roman but visibly different from it, italics are often free to explore unexpected constructions, or divergent visual traditions.
More so than romans, italics have a close connection with handwriting. Like handwriting, which can be as casual as a shopping list or as formal as a calligraphic invitation, different italics can express profoundly different moods. Understanding what goes into these many kinds of italics can make them even more valuable tools for designers.
Some calligraphers believe that cursive letters reached their finest form in the sixteenth century, in a style known as the chancery italic. These are calligraphic letters, their thick and thin strokes and sharp upward angles a product of the broad-edged pen. Chancery italics have long signaled magnificence, expressing the joy of a wedding invitation or the pathos of a book of verse. We explored this lovely style in Requiem Italic, and outfitted the design with an extended set of decorative ligatures to attractively resolve collisions such as the “s–t–f–l” above.
TIP: Because chancery italics have elegant, long-limbed ascenders and descenders, they need ample leading. Consider a font like Requiem when the format has lots of space — or for projects in which the text needs to be inflated to fit the format.
Many boisterous italics are made in a postmodernist style, freely borrowing from different genres. This design riffs on the various fixed-width letters found on typewriters, taking cues from both upright and script alphabets, and emerging with a welcoming and informal tone. This type family extends to nine different weights, with the extreme Thin and Ultra styles having especially distinctive personalities.
TIP: The eclecticism of Operator’s italic letters is echoed by the family’s many different and varied styles. Shifting between its small caps and lowercase, or its lighter and bolder weights, can be as striking as switching between romans and italics. And don’t be afraid to set whole paragraphs — or even whole texts! — in the italic.
These sinewy letters in the english vernacular style come not from the history of typefounding, but from map engraving, where they were traditionally used to label bodies of water. In place of serifs, they have long and fluid “exit trails” at the bottom, which help them follow curved baselines like the meandering paths of streams and coastlines. For designers, this makes them a great choice when wrapping type on a curve, especially in logos and seals that need to reproduce at small sizes.
TIP: Control the delicacy of Surveyor’s lines by matching its optical size to the circumstances. Surveyor Text was designed for small sizes, Surveyor Display for headlines, and Surveyor Fine for sizes larger still. Using the Text font in display sizes can be useful whenever you need heavier hairlines, such as when dropping type out of a photograph, and even the Display font can be helpful at smaller sizes, in situations where the hairlines will naturally gain weight, like when printing letterpress.
Typefaces in the dutch old style manage to be dark and bright at the same time, like a rousing symphony in a minor key. An invention of the seventeenth century, when the airy types of the Garamond style gave way to a darker, northern European fashion, these faces are useful when typography needs both a dense color and a classical air. Their dark color can be especially useful if display type will appear against a non-contrasting background, like the white-on-grey above.
TIP: Bold strokes and ample curves make a typeface like Quarto a good candidate for thoughtful tracking, either tight or loose. Loose all caps settings like this one are stately and monumental, while a tightly tracked upper- and lowercase setting can be warm and accessible.
The arrival of the mass-produced poster, at the dawn of the Industrial Revolution, gave rise to typography’s first expressly eye-catching italics. These typefaces, unsurprisingly called fat faces, can be equally effective at sizes both large and small, provided the design has been correctly drawn. This family features three optical masters for Text, Display, and Fine typography, sturdy enough to withstand small sizes, and delicate enough to thrive at large ones.
TIP: This typeface, Surveyor Fine Black Italic, has a decorative counterpart in the Obsidian family. Obsidian Italic features the same deep character set as Surveyor, full of small caps, alternates and swashes, all drawn with vibrant shading that comes alive at large sizes.
An italic’s angle shapes its personality. A font with a gentle slope of just six degrees can be lovely and lyrical; fifteen degrees and it’s positively brisk. This powerhouse superitalic achieves its speed and urgency with a 28° slope, making it our most italic typeface ever. Useful in everything from political campaigns to motorsports, it’s a typeface that designers call upon whenever typography needs to communicate raw power. And it’s supplemented by a backslant with contrary motion, offering an intriguing alternative to simply “roman or italic?”
TIP: Although it’s tightly fitted by default, the Nitro typeface responds beautifully to letterspacing. Its insistent lean provides more than enough momentum to carry the eye forward on the line, ensuring that even dramatically tracked type remains coherent and legible.
Swash capitals, which have been part of typography since the very earliest italics, came to full flower in the french old style types of Garamond and Granjon. This family of typefaces, designed for display sizes, celebrates this tradition with a frolicsome set of swash caps that introduce each word with grandeur. Though swashes are customarily used only at the start of a word, many typefaces include swashes that work mid-word as well, when setting italics in all caps. Look for letters without elaborate curlicues on the left side, to ensure that they don’t interfere with their neighbors.
TIP: In Hoefler Titling Italic, the swash C, E, J, K, Q, S, T, X, Y, and Z are designed to avoid neighboring letters. Other typefaces with medial swashes are Hoefler Text Italic, which also features a few swash italic small caps, and Surveyor Italic, whose swash caps and small caps are managed by an automated collision avoidance system.
Some italics are cursive, following the natural motion of the hand; others are oblique, designed to look like slanted romans. Typefaces in the modern style often have elements of both, pairing a fluid lowercase with highly rational caps. This balance of mechanical precision and artistic brio has made them a popular choice in the applied arts, often providing the signature typography for cultural institutions, architectural practices, and most famously, fashion.
TIP: Fashion typography, both editorial and commercial, has long relied on the precision and delicacy of this typeface, HTF Didot. In addition to its famous romans, try the family’s rarer italics: they provide the same keenness with an extra dash of grace, and some welcome moments of wit in the lowercase, figures, and punctuation.
Typefaces in the antique style have blocky, unbracketed serifs — or at least their romans do. Equally distinctive is the far rarer Antique Italic, whose swelling curves and staccato ball terminals deliver a contrasting texture to the roman, but with the same dependability and courage. The most versatile Antiques are not only sober and trustworthy, but warm and lively, with extreme weights that are bright and alert.
TIP: Though they’re often thought of as display faces, typefaces like Sentinel are tremendously useful in text. Across their entire range of weights, the fonts’ clear gestures and careful fit recommend them to even very small sizes. Depending on your taste, the family’s Light, Book, or Medium might all serve as the “normal” weight for text.
Many sans serifs, in their rationality, have dispassionate italics that simply look like slanted romans. But typefaces with a humanist inflection can take a different approach, using the kinds of cursive forms more commonly found in seriffed designs. A sans serif whose roman has organic qualities, like these flaring strokes and gently bowing lines, invites an italic with a similarly handmade feel.
TIP: A sans serif with a flowing italic can be an asset at text sizes, where it produces a texture that’s distinctly different from its roman. Ideal Sans Italic has not only cursive gestures and an elliptical motif, but a narrower gait than its roman, giving it a recognizably contrasting rhythm in text.
One way to bridge the gap between the formality of print and the informality of writing is to create hybrid letterforms, in which typographic and calligraphic elements are fused together. Archer Italic, a cursive slab, uses this approach to satisfy a set of oppositions that were part of the design’s brief: the typeface was created to be instructive but not priggish, pretty but not overindulgent, and sweet but not saccharine, a balance it strikes by featuring both rigid serifs and flowing exit trails on the same letters. Many of the cheerful details in the design’s lowercase, such as the ball terminal on its lowercase C, have been imported into the caps, an unusual move that further softens the tone of an otherwise tough slab serif.
TIP: Slab serifs with ball terminals can be tricky in their extreme weights, often losing their balance at the light end of the spectrum, and becoming gawky in their heaviest weights. Look for a design in which the lightest weights are both crisp and measured, and the heaviest ones are both steady and exuberant. A typeface that performs at small sizes can be useful as well, since it sidesteps the need to look for a coordinating serif text face.
Some of the most interesting italics have no historical precedents. This one, exploring the idea that cursive typefaces don’t need to be curvy, was invented to accompany a grecian roman, a nineteenth century style of wood type with angular corners. Taking a more interpretive approach to type design can yield fonts whose styles aren’t readily identifiable, making them useful in projects that need to avoid specific historical associations or visual clichés.
TIP: Italics with unexpected design motifs can be most dramatic when used in small doses. Some of the most arresting applications of this typeface are those where it’s used most sparingly, from logos and monograms to solitary drop caps. —JH
A monospace typeface, a monospace-inspired typeface, and a short film about type design.
About two years ago, H&Co Senior Designer Andy Clymer proposed that we design a monospace typeface. Monospace (or “fixed-width”) typefaces have a unique place in the culture: their most famous ancestor is the typewriter, and they remain the style that designers reach for when they want to remind readers about the author behind the words. Typewriter faces have become part of the aesthetic of journalism, fundraising, law, academia, and politics; a dressier alternative to handwriting, but still less formal than something set in type, they’re an invaluable tool for designers.
I acutely felt the need for such a typeface, and immediately thought of places I’d want to use it on Discover.typography. And while I liked the idea of creating a new typeface that would have this kind of voice — minus the nostalgic clackety-clack look of an actual typewriter face — I wondered if we could achieve these results without the many compromises required of a fixed-width design. Fixed-width faces force every character into a box of the same size, creating charmingly long serifs on the capital I, but tragic, procrustean disfigurements of wider letters like M and W. So I suggested that we relax the system, to create a font that feels monospaced, but behaves more professionally.
Andy made an equally compelling counterproposal, reminding me that the command-line editor — these days, home to so many people who design things — could really be improved by a fully fixed-width typeface. What if, in addition to shedding the unwanted baggage of the typewriter, we also looked to the programming environment as a place where type could make a difference? Like many screen fonts before it, Operator could pay extra attention to the brackets and braces and punctuation marks more critical in code than in text. But if Operator took the unusual step of looking not only to serifs and sans serifs, but to script typefaces for inspiration, it could do a lot more. It could render the easily-confused I, l, and 1 far less ambiguous. It could help “color” syntax in a way that transcends the actual use of color, ensuring that different parts of a program are easier to identify. Andy hoped this might be useful when a technical pdf found its way to a black-and-white laser printer. It was an especially meaningful gesture to me, as someone who, like three hundred million others, is red-green colorblind.
So with designers, developers, and most of all readers in mind, we decided to design it both ways. Operator Mono is our new family of fixed-width typefaces, with a broader range of weights than a typical typewriter face, and an italic that positively shines in code. Its more editorial companion is the natural-width Operator family, which offers the voice of typewriting but none of the compromises. Operator extends to nine weights, from Thin to Ultra, and includes both roman and italic small caps throughout. Both families are supported by companion ScreenSmart fonts, specially designed and engineered for use in the browser at text sizes.
Now you can use the H&Co fonts you love to publish apps, digital publications, eBooks, and more. Meet App.typography, the simple font licensing solution for digital publishers.
App developers lavish such care creating thoughtful, lovely experiences, places where users can return again and again, and always feel at home. For all the time we spend browsing the web, we’re spending more and more time using our devices’ native apps, a trend that’s poised to continue with the arrival of mobile-minded projects like Facebook Instant Articles and Apple News. The one thing that all mobile experiences have in common is type, making it more important than ever to get the type right — to use the right fonts to create the sophisticated, expressive environments that users deserve.
We’ve long worked with our clients to bring typography into the mobile space. For some, it means developing cross-channel typography that aligns their print, web, and mobile products; for others it means choosing fonts that solve problems, and help shape the user experience from the outset. We’ve found that the needs of designers, developers, publishers, news organizations, institutions and brands are all a little different, but what everyone wants is for type to be functional, and for licensing to be painless. We want these same things, and more: we want to furnish app developers with the same high-quality tools available to print and web designers. We want developers to have access to everything that a font family has to offer, to be free to match the font to the medium and the experience, and to be relieved of having to count styles, platforms, or downloads. In short, we want to do everything for app developers that Cloud.typography did for web developers, allowing people to use their existing H&Co libraries in a whole new way.
App.typography is a service that enables you to publish apps, digital publications, or eBooks that incorporate any of the H&Co fonts you’ve bought for your computer. It’s a new model for licensing fonts, one that’s based not on the number of font styles that you choose to embed, but the number of titles that you publish.
For developers, App.typography means the freedom to choose from whichever fonts you’ve bought, including as many styles as necessary to create the perfect experience. We’ve defined “an app” in the broadest possible way, so that the product you create for iOS, Android, and Apple TV — even if the versions for the Apple Watch and the Samsung Galaxy Tab don’t share a single line of code — is covered by a single App.typography subscription.
For publishers, App.typography offers the ability to port your existing typography to digital publications and eBooks, to distribute these in a vast array of different formats, and to cover all of the books that you publish under a single imprint. Use as many fonts as you’ve purchased, to publish as many books as you like, and see them downloaded as many times as possible, all with a single App.typography subscription.
An App.typography subscription covers all the H&Co fonts you’ve purchased for your computer, and all the fonts that you buy in the future. This extends to the entire H&Co library of more than 1,300 styles, including our nineteen families of ScreenSmart fonts that are specially designed for the screen. You’ll find countless solutions for app design in the H&Co library: fonts with tabular figures for game scores and activity timers, compact fonts for narrow columns, and high-performance text faces for extended reading. Spend some time at Discover.typography if you’re looking for inspiration, or get started with App.typography today.
Now you can use Cloud.typography to style email campaigns with your favorite H&Co fonts.
Designers who love type want to use it everywhere. And that’s an obsession that perfectly aligns with what clients need: why not brand all of a company’s communications consistently? Subscribers to our Cloud.typography service, who use H&Co fonts for their web and mobile communications, have recently begun asking about extending their typography to email as well. So we’re delighted to announce that starting today, all Cloud.typography subscriptions now include the ability to use fonts in email campaigns. We’re pleased to offer yet another way to use the power of typography to extend a brand’s voice.
A distinctive, high-quality typeface helps email stand out.
For many companies, email is the most direct way to communicate with their customers. It’s a critical part of any marketing strategy, but still a tough puzzle to crack: while people check their email constantly, and one-third of marketers say their subscribers read most of their email on mobile devices, nearly two-thirds of companies are looking for new ways to improve email personalization. It’s harder than ever to make email stand out — which is where the right typeface, chosen with care, can help. Now, your email campaigns can take part in everything that makes your brand unique, including its typography.
With Cloud.typography, readers of email can experience the same high-quality screen typography that they’ve come to expect from H&Co fonts on the web. Because email uses type at text sizes — and often, features so much text — email campaigns are the perfect place to use H&Co’s ScreenSmart fonts that are optimized for reading at small sizes. Take a look at our growing collection of ScreenSmart fonts specially tuned for text sizes, and then log in with your Cloud.typography subscription, where you’ll find an option for “email campaigns” included in all of your webfont projects.
Now, your email campaigns can share the same branding as all of your other communications.
Email is still a new frontier for typography. On the reader’s side, support for fonts is limited, but growing: many desktop and mobile apps like Apple Mail and Microsoft Outlook support webfonts, but most browser-based clients like Gmail don’t. In other words, a branded email sent to a gmail.com address will render with webfonts if it’s being read in an application like Mail or Outlook, or on the mail app on the owner’s iPhone, but it won’t show the branded fonts if it’s being read inside a web browser. But as always, Cloud.typography won’t interfere with your message getting through: when someone reads a branded email in an application that doesn’t support webfonts, they’ll simply see it appear using the same system fonts that you’re using today.
Cloud.typography uses your available pageviews to satisfy email opens, with each open counting as a single pageview. You’ll find more information in our email FAQ, and some best practices for using fonts in email in the Cloud.typography user guide. If you’re using H&Co fonts in your other communications but aren’t yet a Cloud.typography subscriber, join today and you’ll have instant access to all the H&Co fonts you’ve ever purchased in the past, without the need to buy them again. Subscriptions start at $99/year.
We’re excited to offer designers a new tool to both elevate their typography and expand their reach. Fonts are the foundations of so many memorable experiences, and we’re glad to see H&Co fonts playing yet another role in the ways that successful and timeless brands communicate. —H&Co.
We’ve seen designers choose Archer for everything from wedding invitations to movie titles. Archer has a natural affinity for book jackets and product packaging, and developers have made great use of Archer ScreenSmart on the web. And some of Archer’s most unexpected performances have been among its best, delivering brand identities for news outlets, department stores, and multinational banks. The more designers have done with Archer, the more they’ve wanted to do with it, and the more we’ve wondered what else might be possible. So eighteen months ago, we returned to the drawing board.
Archer was designed to be charming, a delicate book face that never raises its voice. Increasingly, we’ve seen designers coaxing new moods out of Archer, tightly letterspacing its boldest weights to achieve a more boisterous tone. Seeing the potential for a more graphic Archer, we explored how heavy the fonts might go; the answer is a lot heavier. So today we’re introducing Archer Black, Extra Black, and Ultra, each in roman, italic, and small caps, pushing the Archer family to a total of eleven weights. These new styles offer a wealth of new voices: now the ever-polite Archer can be exuberant, adamant, jolly, rustic, solemn, sporty, and vibrant.
New Textures for Text
Archer has always performed in both text and display sizes, a tradition we’ve continued with today’s new styles. The new Archers are vivid at large sizes, and clear in text — and they’re outfitted with all the trimmings needed to articulate content. The new Archer 3 Pro contains small caps, tabular figures, fractions, and even numerical indices. And if you’ve been using Archer’s heavier weights for text, now you use these heaviest weights for emphasis: just as you’ve paired Archer Book and Bold, you can now pair Archer Bold and Ultra.
We’re delighted that Fast Company has recognized our Obsidian typeface in this year’s Innovation by Design Awards,and thought we’d mark the occasion with a behind-the-scenes look at some of the technology, history, and design thinking that went into this one-of-a-kind typeface.