Text

Typeface Vs Font. The look and the mechanism.

Typeface: is the design. The shape of the letters, numbers, and symbols that make up a design of type.

Font: is the digital file that contains/describes the typeface.  A font is one weight, width, and style of a typeface.

In brief: A font is what you use, a typeface is what you see.

Font vs. Typeface typeface_opalic

Back in the days of analog printing, every page was laboriously set out in frames with metal letters. That was rolled in ink, and then it was pressed down onto a clean piece of paper. That was a page layout. Printers needed thousands of physical metal blocks, each with the character it was meant to represent set out in relief (the type face). If you wanted to print Garamond, for example, you needed different blocks for every different size (10 point, 12 point, 14 point, and so on) and weight (bold, light, medium).

This is where we get the terms typeface and font. In the example above, Garamond would be the typeface: It described all of the thousands of metal blocks a printer might have on hand and which had been designed with the same basic design principles. But a font was something else entirely. A font described a subset of blocks in that very typeface–but each font embodied a particular size and weight. For example, bolded Garamond in 12 point was considered a different font than normal Garamond in 8 point, and italicized Times New Roman at 24 point would be considered a different font than italicized Times New Roman at 28 point.

The distinction between the two terms, and the processes they encapsulated, got muddied with the rise of desktop publishing. Fonts were no longer thousands of tiny blocks of movable type; they became digital computer files that scaled themselves up or down dynamically to whatever size or weight users wanted. So the distinction between process and end result disappeared in a puff of binary magic for most people.

Open up Microsoft Word and you’re asked to choose a font, not a typeface. From the perspective of Microsoft’s designers, this makes perfect sense. At any given time, after all, you’re working in a specific size and weight of a typeface. This is the proper term. But from the perspective of millions of computer users who have never given a thought to type–outside of deciding what they want to use for their email signature or homemade birthday card–the word font has come to represent the look, not the mechanism.

Does It Even Matter Anymore?

Even among type professionals, there’s a growing acceptance that for most people, the terms font and typeface can be used interchangeably. Only experts really need to worry about it.

“For most people in most situations, those terms can swap around without any trouble,” Tobias Frere-Jones tells Co.Design. “The distinction would matter in type design, obviously, but also contexts which involve engineering, like app development or web design.”

Gary Hustwit, director of Helvetica, agrees. “Most people other than type designers just say ‘font,'” Hustwit says. “Among graphic designers, though, I’d say it’s a generational thing. A lot of the older designers I’ve met, like Massimo Vignelli, always say ‘typeface.'”

And Pentagram’s Eddie Opara puts it even more succinctly: “I think it’s the latter, a distinction for experts,” he says. “I know it certainly pisses experts off.”

In A Nutshell

Even type experts agree: Typeface and font can be used interchangeably at this point. But if you come across an annoying pedant who cares deeply about maintaining the distinction for the masses, just remember this: The difference between a font and a typeface is the same as that between songs and an album. The former makes up the latter. Remember that and you’re good to go.

by Zoran Opalic, FastCompany

Advertisements

About Zoran Opalic

Professional in design and publishing industry. Conceptualize and orchestrate designs and redesigns that effectively reinforce and build brand images. Proven ability to drive record-high campaign in increasing publication sales and execute successful product launches...

Discussion

No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Aston Martin DB10

Production will be strictly limited to 10 of the bespoke sports cars, developed and built by the designers, engineers and highly skilled craftspeople at Aston Martin’s Gaydon headquarters.

Architect Oscar Niemeyer

"My work is not about form follows function, but form follows beauty or, even better, form follows feminine."

BACK to BASICS: Portraits

Portraits of people are one of the first elements of the photography used in newspapers.

Typography: x-heigh

In typography, x-heigh refers to the heigh of lower case letters without upper or lower parts when compared to capital letters...

Designer George Lois

“I always knew I was the most talented kid in the school, ” says George Lois of his time at Music and Art. “I was lucky to be exposed to the city’s best art education"...

BODY COPY

Newspaper typefaces require a higher legibility then typefaces used for other printed products. Newspaper are printed on a paper of lesser quality under high speed.

How to redesign 1

Good redesign is driven by a deep understanding of the editorial mission of the publication.

Headline on photographs

The eternal dilemma! Dilemma of all editors on the planet Earth – to put or not put the headline or any kind of type in the photo.

Design Facts

Three elements that will greatly help you to understand how readers are observing you.

Typeface: NY Times Magazine

Sunday Magazine is an expansive family of fonts for information in tiny spaces and headlines at large sizes.

Infographics

When, why and whether to use infographic. The basic fact is that infographic refresh the publication, and it contributes to originality of your product.

A well-designed publication

Everything that a well-designed publication must have...

Archives

Categories

%d bloggers like this: