David Carson and Typography

David Carson, Surfer-turned-Typographer @ the T.E.D convention

Subscribe to Design by Daniel Blog |

New York Graphic Design | New York Web Design | New York Freelance Graphic Designer | New York Freelance Web Designer

Web Typography

With a technological revolution and 500 years of typographic tradition under our belts, why in the world has the Web been stuck with Verdana and Arial for so long? There are now multiple ways to include custom fonts in an HTML document, and each has its advantages and drawbacks. In this session, from the creator of the renowned CSS Zen Garden, you'll learn about these methods, see how to implement them, and find out when and why they make sense for your projects.

Subscribe to Design by Daniel Blog

New York Graphic Design | New York Web Design | New York Freelance Graphic Designer | New York Freelance Web Designer

Tip: Styling Photoshop Type

Most word processing and page layout software have the ability to create style sheets, that is, a digital recipe of text formatting which can be applied throughout a document to both save time and create consistency. Did you know you can do the same in Photoshop?

First, create the desired text using the Type Tool. While the Type Tool is still selected click on the little triangle next to the tool's icon at the top-left of the Options bar to view the tool preset. Select "Current Tool Only" and click the tiny arrow on the top-right and choose New Tool Preset. Give it a name and POOF! You'll see it appear as a new preset in the list.

The next time you want to use that style, just grab the Type Tool then choose your style name from the preset menu in the Options bar and you're good to go. You can create as many styles as you want.

Neue Helvetica

"Helvetica is the most popular font in existence"
Guardian Unlimited

A redrawn version of Helvetica with more structurally unified set of weights and widths. Helvetica grew in popularity throughout the 1960s and 1970s, and more versions of the family were introduced. This led to vast confusion: the same weight is often referred to by two different names, design features often vary from one face to another, and so on. In the early 1980s (1983 to be exact), Linotype remedied this situation by redrawing the entire Helvetica family. Differences in alignment were corrected, subtle features were made consistent from one face to another, and all the weights and widths were designed to work together as one family. This new drawing is called Neue Helvetica (German for New Helvetica), and incorporates an easy-to-use numbering system to identify various styles and weights. The weight and width program of Helvetica Neue is similar to that of the Univers typeface designed by Adrian Frutiger.

Designers: Max Miedinger and Linotype Staff

Year: 1983

Copyright: Linotype

Publisher: Adobe Systems Inc.

Part of a family that offers an exceptionally wide range of weights and/or styles. Included with Apple's Mac OS X operating system.

Influenced by: Helvetica (1957)

Similar fonts:

Helvetica
Nimbus Sans
Pragmatica
Swiss 721
CG Triumvirate


Examples:










Price: $149.00 USD

Monotype's Arial, designed in 1982, while different from Helvetica in some few details, has identical character widths, and is indistinguishable by most non-specialists. The capital letters C, G, and R, as well as the lowercase letters a, e, r, and t, are useful for quickly distinguishing Arial and Helvetica. Differences include:

• Helvetica's strokes are typically cut either horizontally or vertically. This is especially visible in the t, r, and C. Arial employs slanted stroke cuts.


• Helvetica's G has a well-defined spur; Arial does not.


• The tails of the R glyphs and the a glyphs are different.

In 2007, Helvetica's 50th birthday, Microsoft replaced Arial as the default in Microsoft Office applications with a new sans-serif design Calibri by Luc(as) de Groot.

Clip:

External Links:

• Introduction to OpenType


• OpenType User Guide


• Using Fonts in OS X

DesignbyDaniel.com

------------------------------------------------------------------------------------------------

NYC Website Design | NYC Graphic Design | NYC Freelance Graphic Design | NYC Freelance Graphic Design | Queens Web Design | Queens Graphic Design | Long Island Web Design | Long Island Graphic Design