<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://community.avid.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Journey from Concept to Creation : fonts</title><link>http://community.avid.com/blogs/adman/archive/tags/fonts/default.aspx</link><description>Tags: fonts</description><dc:language>en</dc:language><generator>CommunityServer 2008 SP2 (Build: 31106.96)</generator><item><title>Typography (Part Three).</title><link>http://community.avid.com/blogs/adman/archive/2008/03/20/title-23.aspx</link><pubDate>Thu, 20 Mar 2008 21:43:00 GMT</pubDate><guid isPermaLink="false">33dbc7b4-0359-4be4-a659-9f674152ccc7:343398</guid><dc:creator>Adman</dc:creator><slash:comments>22</slash:comments><comments>http://community.avid.com/blogs/adman/archive/2008/03/20/title-23.aspx#comments</comments><description>&lt;div class="entry-content"&gt;
&lt;div class="entry-body"&gt;
&lt;p&gt;&lt;a href="http://community.avid.com/blogs/adman/archive/2007/10/13/title-22.aspx" target="_self"&gt;&amp;lt;&amp;lt; Previous&lt;/a&gt; | &lt;a href="http://community.avid.com/blogs/adman/archive/2008/05/03/title-24.aspx" target="_self"&gt;Next &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;A long, long (really long) time ago I promised to offer some tips on
typography. At long last, here they are. I hope they were worth the
wait. My blog had to take the back seat for a few weeks...ok, months if
you insist on counting the holidays. But never fear, I am still
here...sort of like that nagging cough that you can't get rid of...
But, deep down inside, I know you have missed me. I am so charming and
witty...&lt;/p&gt;
&lt;/div&gt;
&lt;div class="entry-more"&gt;
&lt;p&gt;&amp;nbsp;
&amp;nbsp;So....here are some general tips for specifying type. They are in no
particular order as none is necessarily more important than another.
Remember that these are
just basic guidelines...as you become more practiced as a designer, you
can start to break some (but not all) of the rules.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;*&amp;nbsp; Ideally, stick with the same type family for any
given job. Get variety by changing the size and blackness -- and by using
condensed and expanded versions and italics.
&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; While it is permissible to mix a body face with
a headline face, stay away from mixing two headline faces.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Constrain mixing to two faces -- three at the
most.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Typestyles designed during the same time period do
not necessarily go together&amp;hellip; the character of the letters are a much better
barometer to use when mixing types.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Old style Romans and Modern Romans do NOT go
together and should never be combined.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Typestyles with different &amp;ldquo;x-heights&amp;rdquo; provide
different degrees of weight when set as body copy. They can be used to help
balance your layout...just as the "weight" of the letters.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Sans serif fonts can be used with almost any
other typestyle. They are considered to be a neutral fonts.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Sans serifs should NOT be mixed with slab serif
fonts.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Type mixing is mostly a matter of having good taste and
artistic talent.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; As a general rule, only mix types that are
either very similar or very dissimilar. Others will appear to the reader as
being convoluted &amp;ndash; as if something is amiss.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; When using colorful type, go a little larger and
fatter than using black to compensate for the lack of darkness.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Never use small, weak serifs when reversing type
or for use in Standard Denition video. Sans serif fonts are preferable in
these applications.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Consider the use of ligatures, especially in
headlines and logotypes. They can sometimes provide a more artistic or cleaner
look. (Assuming the chosen font supports them, they can be found in the
Character Map (Windows) or Key Caps (Apple) or by selecting &amp;ldquo;automatic ligature
substitution&amp;rdquo; in your application.)&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Explore the character map (Windows) or key caps
(Mac) for special characters that aren&amp;rsquo;t available via the keyboard&amp;hellip; learn the
keyboard shortcuts for frequently used special characters.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Avoid script and cursive fonts that were
designed to mimic handwriting. None of these fonts can adequately mimic
handwriting and they only look phoney.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Generally, avoid using the Old English font. It is difficult to
read and it tends to attracts attention to itself at the expense of the message.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; For web design work, consider using Georgia
(serif) and/or Verdana (sans serif). These FREE, high x-height fonts were
designed to be legible on computer screens. They also work well with video
monitors. For other suitable fonts, look for high x-heights, extended versions
and &amp;ldquo;hinted&amp;rdquo; fonts. Bitstream, ITC and Monotype offer fonts with hinting.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Roman (serif) fonts are considered to be easier
to read when used as body copy. The serifs form an &amp;ldquo;imaginary&amp;rdquo; line, helping to
hold the eye on the line as it is read from left to right. Most magazines use
Roman typefaces exclusively for body copy.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; When working with type, &amp;ldquo;being different&amp;rdquo; is not
a virtue. Through habit, readers are accustomed to seeing certain standards in
typography. Change, in this case, can result in lower readership and/or
legibility.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Break paragraphs into columns no more than 39
lower-case characters wide. The bigger the type, the wider the columns can be.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Drop caps can also be used to help draw the
reader into your body copy, easing the reader from larger headlines to the body
copy. But, the drop cap must be unied with the copy in terms of tone and mood.
(Some designers consider drop caps as being dated.)&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Take &amp;ldquo;quality time&amp;rdquo; to manually kern your
headlines. Kern them so that they are optically balanced. Properly "kerned" headlines are the mark of a true professional.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; As a "rule of thumb" &amp;ndash; leading should be 120% of the
point size.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; Use &amp;ldquo;hinted&amp;rdquo; fonts when possible.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; In the early stage of type specication, rst
think in terms of classications or categories of type, (Gothic vs. Roman.
Old-style Roman vs Transitional Roman)&amp;hellip; then narrow it down to a specic
typestyle.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; In addition, I suggest that you get into the
habit of looking at the work that is out there&amp;hellip; and consider the type choices
that were used&amp;hellip; and why.&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Symbol;"&gt;*&amp;nbsp; I&lt;/span&gt;f you cannot nd a specic type name, it may be
listed under a different name as different vendors often have equivalent fonts
under different names. Apparently, it is easier to copyright typestyle names than the
actual designs themselves.&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; User proper typesetting conventions &amp;ndash; real typographic
&amp;ldquo;curly&amp;rdquo; quotation marks, real EN dashes (hyphens separating numbers, etc.) and
REAL EM dashes (longer marks separating thoughts &amp;ndash; most page layout programs
will convert these automatically when you type two subsequent hypens (which is
proper when using a standard typewriter).&lt;/li&gt;
&lt;li&gt;*&amp;nbsp; When doing layouts, it is a good idea to look at
pages &amp;ldquo;in context.&amp;rdquo; For example, if you are doing a DVD cover, do each panel
independently as it will be viewed by the purchaser of the DVD. If a magazine
ad, you may want to position it in an actual magazine to see how it will look
in-context as well. This may affect your choice of fonts and/or the relative
point sizes, etc., of the work.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&amp;nbsp; Alright... that ends the series on Typography. I'll let you ponder
the subject of my next blog...but I'll try not to wait too long this
time. I can only use the "holidays" excuse once a year.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://community.avid.com/blogs/adman/archive/2007/10/13/title-22.aspx" target="_self"&gt;&amp;lt;&amp;lt; Previous&lt;/a&gt; | &lt;a href="http://community.avid.com/blogs/adman/archive/2008/05/03/title-24.aspx" target="_self"&gt;Next &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://community.avid.com/aggbug.aspx?PostID=343398" width="1" height="1"&gt;</description><category domain="http://community.avid.com/blogs/adman/archive/tags/fonts/default.aspx">fonts</category><category domain="http://community.avid.com/blogs/adman/archive/tags/typography/default.aspx">typography</category><category domain="http://community.avid.com/blogs/adman/archive/tags/graphic+design/default.aspx">graphic design</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Bitstream/default.aspx">Bitstream</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Monotype/default.aspx">Monotype</category><category domain="http://community.avid.com/blogs/adman/archive/tags/ITC/default.aspx">ITC</category></item><item><title>Typography (Part One).</title><link>http://community.avid.com/blogs/adman/archive/2007/08/24/title-20.aspx</link><pubDate>Fri, 24 Aug 2007 16:42:00 GMT</pubDate><guid isPermaLink="false">33dbc7b4-0359-4be4-a659-9f674152ccc7:343395</guid><dc:creator>Adman</dc:creator><slash:comments>349</slash:comments><comments>http://community.avid.com/blogs/adman/archive/2007/08/24/title-20.aspx#comments</comments><description>&lt;div class="entry-content"&gt;
&lt;div class="entry-body"&gt;
&lt;p&gt;&lt;a href="http://community.avid.com/blogs/adman/archive/2007/06/26/title-21.aspx" target="_self"&gt;&amp;lt;&amp;lt; Previous&lt;/a&gt; | &lt;a href="http://community.avid.com/blogs/adman/archive/2007/10/13/title-22.aspx" target="_self"&gt;Next &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;My early experience with typography goes way back to grade
school. I designed my own type-style that I used in official documents
for my fourth grade class. Classmates had to sign an
agreement (or else!). So, for example, if you were the target of an errant
spitball or two, you
were bound by oath not to tell on anyone. Ironically, the ones who had
spitballs on the floor around their desk would be the ones who always
got in
trouble. But the kids always seemed to honor their oath. The fact that
the document was done in my "calligraphy" helped
to ensure that it would be considered &amp;ldquo;official, legal and binding.&amp;rdquo;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="entry-more"&gt;
&lt;p&gt;
				&amp;nbsp; &amp;nbsp;As mentioned in a &lt;a href="http://community.avid.com/blogs/adman/archive/2006/05/23/hold-on-to-your-hat.aspx"&gt;previous blog&lt;/a&gt;, I started drawing at an early age. I was inspired by a popular artist, &lt;a href="http://en.wikipedia.org/wiki/Ed_Roth"&gt;Ed
&amp;ldquo;Big Daddy&amp;rdquo; Roth&lt;/a&gt;,
who ran ads featuring his&amp;nbsp;&lt;img src="http://community.avid.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/adman/Hockey-Player.jpg" style="margin: 0px 0px 5px 5px; float: right;" border="0" width="180" /&gt;hot-rod drawings in car magazines.
 
I was further
inspired by the great "big-block"
muscle cars -- Road Runners, GTOs, Super Bee's,
Chargers, Challengers, 426 Hemi 'cudas, Dusters, Old's 442s, Camaro
Z-28s,
Mustang Cobra GTs, Trans Ams, etc. My interest was also
aroused by the fact that my friend&amp;rsquo;s father (two doors down) was &lt;a href="http://www.dragracingonline.com/martinchronicles/iv_1b.html" target="_blank"&gt;Buster Couch&lt;/a&gt; -- the Chief Starter for the National Hot Rod Association
(NHRA). He and his wife Ann loved the neighborhood kids; often taking us horseback riding, to the movies, and the drag strip.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&amp;nbsp; Plus, in addition to being into model building and slot-car
racing (and flying downhill in homemade go-carts), I was even further
inspired by happenings in my neighborhood. I lived near the crest
of a very steep hill on a street
between my grade school and high school. When I wasn't waking the dead
playing my drums or playing pick-up football, basketball or baseball
games, I would be having a blast (along with my beautiful and beloved German Shepherd, "Napoleon") watching &amp;ldquo;smoke city.&amp;rdquo; After
school (with police lookouts bearing walkie talkies) the kids would line
up in their "tricked-out" muscle cars&amp;hellip; pour bleach all over
the fat rear
tires&amp;hellip; rev the engine while letting the car roll backwards&amp;hellip; &amp;ldquo;dump&amp;rdquo; the
clutch and &lt;a href="http://www.youtube.com/watch?v=7pIZn9rUsRY&amp;amp;mode=related&amp;amp;search="&gt;&amp;ldquo;burn out."&lt;/a&gt; The smell of burned rubber and layers
of smoke
would permeate the scene. Some would go to second gear before the
car would start moving forward&amp;hellip; a few could &amp;ldquo;get rubber&amp;rdquo; in all four
gears. What more could a little kid want?&amp;nbsp; &lt;strong&gt;Life was good.&lt;/strong&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;A few years later, another friend who lived down the street, asked to borrow my
notebook of car drawings to show his dad. I reluctantly agreed. His
father recognized my world-class artistic genius and I found
myself
working nights, weekends and summers in the art department of his
offset
printing company.&lt;br /&gt;&amp;nbsp; &amp;nbsp;My digs included a large, hydraulically
controlled drawing
table equipped with T-Squares, triangles, X-Acto knives, non-photo blue
pencils and a hot wax machine
for "paste-up." There was
also a dark room and a very cool "process camera"
that was
built into the wall of the darkroom. As a 10th grade creative
professional, I learned to mix chemicals, shoot mechanicals and
photos,&amp;nbsp; develop film negatives in a tray (line, half-tones and color
separations), "strip" negatives and burn plates for press.&lt;br /&gt;&amp;nbsp; &amp;nbsp;I was drawn to the typesetting equipment like a tick to a dog&amp;rsquo;s ear. &amp;nbsp;There were
three types of typesetting machines at my disposal... two were &amp;ldquo;hot
type&amp;rdquo; machines -- a couple of Mergenthaler Linotype machines and a&lt;st1:city w:st="on"&gt;&lt;/st1:city&gt; Ludlow. &lt;img src="http://community.avid.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/adman/Linotype.jpg" style="margin: 0px 0px 5px 5px; float: right;" border="0" /&gt;There was also a &amp;ldquo;cold type&amp;rdquo; machine -- the Phototypositor. Although the hot-type equipment we had was quite obsolete, I am extremely grateful that I had
the opportunity to experience it. I am more grateful that I was never burned by the hot molten
lead. I&amp;rsquo;ve heard horror stories.&lt;br /&gt;&amp;nbsp; &amp;nbsp;As the &amp;ldquo;apprentice&amp;rdquo; I got to fill the molds
with hot
lead and hang the hardened &amp;ldquo;pigs&amp;rdquo; on the machines. To change fonts,
you would insert heavy type font &amp;ldquo;magazines&amp;rdquo; into the slots at the top
rear of the Linotype machine. There were separate magazines for each
point size. They
contained the matrices (&amp;ldquo;mats") -- each of which contained one
alphanumeric
character which was engraved into the side.&amp;nbsp;
As you hit the key on the keyboard a mat would fall
into place. There
were also spacing bands that would fall down when the space-bar was
pressed. Ingeniously, they were tapered so that they would fill the
line out for justified columns. Each mat also had its
character printed on it so that the operator could read the line before
pressing
the lever that would send it to the mold where the hot lead would be
squirted. A
few seconds later, while the operator was typing the next line, a
&amp;ldquo;slug&amp;rdquo; would
fall out in a tray beside the previous one and the lead "pig" would be
lowered slightly into the melting pot. When the tray was filled, the
slugs would be placed into "galleys" and into the proofing press. Thin lead strips would be placed between the lines to adjust
the line spacing (leading). After the slug was cast, a long "elevator"
arm would lift
the entire line of type up and to the rear of the machine where a
keying mechanism
would turn... sending them back to their correct slot in the
magazine. Gravity would do the rest. The proofs would be waxed, cut and pasted on
the "pasteup" or &amp;ldquo;mechanical" by the resident world-class artistic genius talent.&lt;br /&gt;&amp;nbsp; &amp;nbsp;The other "hot type" machine was the &lt;a href="http://www.l90.org/view/G1Dnu8uYcWc/ludlow-typesetting/"&gt;Ludlow&lt;/a&gt;.
It was a "hand set" machine used for type
headlines. The "cold type" &lt;a href="http://bellsouthpwp2.net/b/c/bcarberry/tp.html"&gt;Phototypositor&lt;/a&gt; was also for headlines -- letters were visually selected and spaced. &lt;a onclick="window.open(this.href, '_blank', 'width=503,height=483,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://avid.blogs.com/.shared/image.html?/photos/uncategorized/2007/09/03/phototypositor_3.jpg"&gt;&lt;img src="http://community.avid.com/resized-image.ashx/__size/225x216/__key/CommunityServer.Components.UserFiles/00.00.02.47.72/Phototypositor_5F00_3.jpg" style="margin: 0px 0px 5px 5px; float: right;" border="0" width="225" height="216" /&gt;&lt;/a&gt;
It was a predecessor of photographic computer typesetting equipment
that I have used throughout my advertising career -- culminating with
the Compugraphic adVantage page makeup system. It was a gazillion
dollar behemoth with a color coded template/legend and a corded stylus
-- networked to satellite Compugraphic typesetters and a large
processor for outputting phototype galleys. In spite of its
sophistication and high price (and the capability for the operator to
trace visuals for positioning), it was not "WYSIWYG."&lt;strong&gt; The operator still had to insert arcane codes to specify fonts, point size, leading, kerning, margins, etc.&lt;/strong&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;Advertising agency copywriters or art directors would "spec" type (using type reference books and copyfitting techniques) and
send out to thriving type shops such as "Swift Tom's" here in Atlanta. The phototype proofs were delivered by courier.&lt;br /&gt;&amp;nbsp; &amp;nbsp;Type shops and Compugraphic typesetting systems eventually gave way to the first "desktop publishing" software offerings (&lt;a href="http://en.wikipedia.org/wiki/Ventura_Publisher"&gt;Ventura Publisher &lt;/a&gt;(my
personal preference at the time) and Pagemaker). This lead to
phototypesetting (e.g. Linotronic) service bureaus which produced
phototype galleys from client supplied files. Service bureaus were
eventually made extinct by "direct to plate" imaging equipment. These
days, *.pdf files are simply emailed directly to the printer.&lt;br /&gt;&amp;nbsp; &amp;nbsp;&lt;strong&gt;While technology is ever-changing, design fundamentals and principles remain constant.&lt;/strong&gt;
So my next blog will focus on the more "timeless" principles of
typography... and I'll try to offer some useful tips and resources..&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://community.avid.com/blogs/adman/archive/2007/06/26/title-21.aspx" target="_self"&gt;&amp;lt;&amp;lt; Previous&lt;/a&gt; | &lt;a href="http://community.avid.com/blogs/adman/archive/2007/10/13/title-22.aspx" target="_self"&gt;Next &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://community.avid.com/aggbug.aspx?PostID=343395" width="1" height="1"&gt;</description><category domain="http://community.avid.com/blogs/adman/archive/tags/fonts/default.aspx">fonts</category><category domain="http://community.avid.com/blogs/adman/archive/tags/typography/default.aspx">typography</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Buster+Couch/default.aspx">Buster Couch</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Ludlow/default.aspx">Ludlow</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Linotype/default.aspx">Linotype</category><category domain="http://community.avid.com/blogs/adman/archive/tags/process+camera/default.aspx">process camera</category><category domain="http://community.avid.com/blogs/adman/archive/tags/leading/default.aspx">leading</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Compugraphic/default.aspx">Compugraphic</category><category domain="http://community.avid.com/blogs/adman/archive/tags/point+size/default.aspx">point size</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Big+Daddy/default.aspx">Big Daddy</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Ed+Roth/default.aspx">Ed Roth</category><category domain="http://community.avid.com/blogs/adman/archive/tags/NHRA/default.aspx">NHRA</category><category domain="http://community.avid.com/blogs/adman/archive/tags/kerning/default.aspx">kerning</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Phototypositor/default.aspx">Phototypositor</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Buster/default.aspx">Buster</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Couch/default.aspx">Couch</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Ed/default.aspx">Ed</category><category domain="http://community.avid.com/blogs/adman/archive/tags/Roth/default.aspx">Roth</category><category domain="http://community.avid.com/blogs/adman/archive/tags/drag+racing/default.aspx">drag racing</category></item></channel></rss>