fy{T}i - The Manual
![](/sites/default/files/styles/width_940/public/2020-07/The-Manual-Hero_0.png?itok=Qm9ffJ1A)
The Manual, is dedicated to important aspects of typographic communication. The modules are concise, easy to read and loaded with illustrations. The series will quickly grow into a valuable reference source and typographic touchstone. The series will include topics such as: Bullets & Boxes, Type & Color, Word Spacing and Initial Letters. You’ll soon have a virtual cornucopia of typographic know-how.
![manual-typography-for-presentation-graphics-header manual-typography-for-presentation-graphics-header](/sites/default/files/styles/380x190/public/2024-08/manual-typography-for-presentation-graphics-header_106.png?itok=d8GbVvLs)
Typography for Presentation Graphics (Part One).
PowerPoint® and Keynote® presentations are often the first things that make people aware of problems, conditions, or needs. The best enhance understanding, engage audiences, and convey information. and provide a path for creative thinking.
![the-font-manual-glyphic-fonts-Header the-font-manual-glyphic-fonts-Header](/sites/default/files/styles/380x190/public/2024-07/the-font-manual-glyphic-fonts-Header_180.png?itok=zq9PJ1sF)
Glyphic Fonts.
If you’re reading this, it’s a pretty safe bet that you know what a serif typeface is. And that, more than likely, also goes for sans serif, square serif and script typefaces.
But what about glyphic fonts? They can be powerful design tools – and worth getting to know. How about an introduction?
![tattoo-typefaces-making-your-mark-with-font-selection tattoo-typefaces-making-your-mark-with-font-selection](/sites/default/files/styles/380x190/public/2024-06/tattoo-typefaces-making-your-mark-with-font-selection_103.png?itok=Xe_kYreb)
Tattoo Typefaces: Making Your Mark with Font Selection
Like a fingerprint, every tattoo is unique. That said, many tattoos share common design elements, including those using text. If your next tattoo is going to include text, consider these options. We’ve included a selection of classic typestyles as well several unconventional designs that will help your tattoo standout.
![Manual-Tips-for-Using-Fonts-In-Logos Manual-Tips-for-Using-Fonts-In-Logos](/sites/default/files/styles/380x190/public/2024-04/Manual-Tips-for-Using-Fonts-In-Logos_118.png?itok=fBhXh5_B)
Tips for Using Fonts in Logos
Font based logos can create a memorable visual identity and establish brand consistency. The problem is: sometimes fonts, right out of the box, can be forgetable, easily replicated and suffer from limited versatility.
![Manual - Hints for All Cap Headlines - Header Manual - Hints for All Cap Headlines - Header](/sites/default/files/styles/380x190/public/2024-04/Manual%20-%20Hints%20for%20All%20Cap%20Headlines%20-%20Header_130.png?itok=F7jKafDj)
Hints for All Cap Headlines
Unless you’re trying to replicate Trajan’s Column, all capitals typography is rarely a good idea.
Over 95% of the type we read is lowercase composition. As a result, we are much more familiar with reading these characters.
![Manual-Run_ins_and_subhead_placement-header Manual-Run_ins_and_subhead_placement-header](/sites/default/files/styles/380x190/public/2024-03/Manual-Run_ins_and_subhead_placement-header_106.png?itok=yfKzfPXx)
Run-ins & Subhead Placement
Run-ins, commonly used for two or three level subheads, feature a word or phrase in a contrasting typeface. They can be an important hierarchal tool in long form textual content – and help to break information into bite-size chunks.
![font-manual-parentheses-brackets-and-braces-Header font-manual-parentheses-brackets-and-braces-Header](/sites/default/files/styles/380x190/public/2024-02/font-manual-parentheses-brackets-and-braces-Header_182.png?itok=LY-Z9Ncc)
Parentheses, Brackets & Braces
Often overlooked, parentheses, braces, and brackets are essential typographic tools. They enhance readability and help convey complex information. They are visually distinct symbols that harmonize with the alpha/numeric characters in a font.
![Manual-Register_trademark_and_copyright_symbols-Header Manual-Register_trademark_and_copyright_symbols-Header](/sites/default/files/styles/380x190/public/2023-12/Manual-Register_trademark_and_copyright_symbols-Header_198.png?itok=QBXg5qJG)
Register, Trademark, and Copyright Symbols
Registered, trademark, and copyright symbols are important graphic communicators. They help establish brand identities and protect creative work from theft or plagiarism. Despite their legal and symbolic power, however, these symbols need to speak softly. Their appropriate use is a small but significant part of good typography.
![MyFonts-Manual-Typographic-Hierarchy-Header MyFonts-Manual-Typographic-Hierarchy-Header](/sites/default/files/styles/380x190/public/2023-11/MyFonts-Manual-Typographic-Hierarchy-Header_181.png?itok=5pwkVr9r)
Typographic Hierarchy
One of the most important aspects of communicating with type is to establish a strong typographic structure. It establishes a clear hierarchy, that communicates information clearly and conveys meaning. It allows for easy scanning and comprehension, emphasizing key messages, and distinguishing between different levels of information.
![Manual-Tips-for-Scripts-Header Manual-Tips-for-Scripts-Header](/sites/default/files/styles/380x190/public/2023-10/Manual-Tips-for-Scripts-Header_118.png?itok=SIV8-bPA)
Tips for Scripts
Blocks of script copy are not inviting to the reader. While scripts stand out, they also create a busy visual texture that is subtly off-putting to readers. In addition, scripts are harder to read than serif or sans serif typefaces. We are not as used to their character shapes as we are to those in more traditional typeface designs.
![Manual-Pull-Quotes-Header Manual-Pull-Quotes-Header](/sites/default/files/styles/380x190/public/2023-09/Manual-Pull-Quotes-Header_134.png?itok=779QpJXc)
Pull Quotes
Dealing with a long block of text copy with nothing but words? Something with no photos or illustrations, no graphic elements, no subheads – just line after line of text. Want to spice it up? Need to maintain your reader’s attention? Try pull quotes.
![Manual-Typography_for_Older_Adults-Header Manual-Typography_for_Older_Adults-Header](/sites/default/files/styles/380x190/public/2023-08/Manual-Typography_for_Older_Adults-Header_110.png?itok=pr1iige5)
Typography for Older Adults
According to the 2020 Census: 1 in 6 people in the United States were 65, and over. Current surveys show that 61% of those aged 65-74, use the Internet regularly.
That’s a lot of eyeballs.
![Manual-Word-Spacing Manual-Word-Spacing](/sites/default/files/styles/380x190/public/2023-07/Manual-Word-Spacing_125.png?itok=3juQvFNu)
Word Spacing
Word spacing is the single most important factor contributing to typographic readability. This seemingly small detail plays an important role in the color, texture and readability of graphic communication. Correct word spacing is something that isn’t noticed: page texture is even, inviting and easy to read.
![Manual-Much-Ado-About-Zero-Header Manual-Much-Ado-About-Zero-Header](/sites/default/files/styles/380x190/public/2023-06/Manual-Much-Ado-About-Zero-Header_101.png?itok=m7ThtotX)
Much Ado About Zero
Although our present letterforms evolved from Roman epigraphic letters, our numerals are Arabic in origin. The Roman numbering system was based on capital letters.
![Manual-Creative_Paragraphing-Header Manual-Creative_Paragraphing-Header](/sites/default/files/styles/380x190/public/2023-05/Manual-Creative_Paragraphing-Header_180.png?itok=yy12fMhZ)
Creative Paragraphing
Indenting the first line of every paragraph is a habit most of us acquired in grammar school. Its purpose is to create a visual separation between paragraphs. The most commonly used indent is the first line indent. There’s no hard-and-fast rule about how much to indent your first lines, but the space should be proportionate to the size and column width of the text.
![four-rules-of-shapes-and-wraps--manual four-rules-of-shapes-and-wraps--manual](/sites/default/files/styles/380x190/public/2023-04/four-rules-of-shapes-and-wraps--Header_134.png?itok=La_OS_BX)
Four Rules of Shapes & Wraps
Prior to digital technology, setting type to a shape or wrapping it around an image was difficult at best – and virtually impossible if the shape or wrap was the least bit complicated. Now, it is relatively easy to define a shape and “pour” the type into it. Technically, it is simple. Aesthetically, however, it can be problematic.
![Initial_Letters- Classifying_the_Unclassifiable Initial_Letters- Classifying_the_Unclassifiable](/sites/default/files/styles/380x190/public/2023-03/Initial_Letters-%20Classifying_the_Unclassifiable_130.png?itok=wF8ewSoQ)
Initial Letters: Classifying the Unclassifiable
Since initial letters have been around for such a long time, they come in more shapes and sizes than can be imagined. And while no one has attempted a systematic classification, they can be categorized into three basic groups: Big Letters, Fancy Caps and Wow!
![Manual-Four_Elements_of_Display_Typography-Header Manual-Four_Elements_of_Display_Typography-Header](/sites/default/files/styles/380x190/public/2023-02/Manual-Four_Elements_of_Display_Typography-Header_192.png?itok=N7fdgnjM)
Four Elements of Display Typography
Display typefaces have four main functions:
- Attract attention
- Create differentiation
- Set a mood
- Build hierarchy
![Captions-Manual-Header Captions-Manual-Header](/sites/default/files/styles/380x190/public/2023-01/Captions-Manual-Header_105.png?itok=zYG0vYqT)
Captions Manual
A picture may be worth a thousand words but, most of the time, it’s likely to have a caption anyway. Not quite body text and not quite subheads, captions tend to be among the most-read portions of a textual document – on screen or in print. The thing is: not just any font will perform well for captions.
![Swash-Letters-Manual Swash-Letters-Manual](/sites/default/files/styles/380x190/public/2022-12/Swash-Letters-Manual_132.png?itok=6tpUQbYf)
Swash Letters Manual
Typography tends to be structured. But what if you want to add some flare and verve to your typography? That’s where swash letters come in. Swash letters were born out of calligraphic lettering.
![Manual End Marks Manual End Marks](/sites/default/files/styles/380x190/public/2022-11/Manual%20End%20Marks_164.png?itok=_sUl05Ge)
Manual End Marks
An end mark provides a visual cue to the reader, signifying the end of a topic, section or piece. End marks are commonly used in magazines, newsletters, journals, and other publications containing multiple articles whose end point is not necessarily apparent to the reader.
![Manual - It’s About Ampersands Manual - It’s About Ampersands](/sites/default/files/styles/380x190/public/2022-10/Manual%20-%20Ampersands_129.png?itok=l4HtSBA8)
Manual: It’s About Ampersands
Typeface design is a relatively technical craft. It is about producing a series of interchangeable tools which always work in harmony no matter how they are combined. For the most part this puts a real damper on how creative a designer can get when it comes to drawing individual letterforms.
![Manual Typeface Families - Header Manual Typeface Families - Header](/sites/default/files/styles/380x190/public/2022-09/Manual%20Typeface%20Families%20-%20Header_194.png?itok=RPe3MDWs)
Manual Typeface Families
When typefaces were first invented, the notion of having a family of type hadn’t occurred to anyone. All fonts were simply roman designs. In the early 16th century, cursive – or italic (named after Italy, where the idea was popularized) – type was introduced.
![Bold for Boys, Scripts for Girls – Not Bold for Boys, Scripts for Girls – Not](/sites/default/files/styles/380x190/public/2022-08/Bold%20for%20Boys%2C%20Scripts%20for%20Girls%20%E2%80%93%20Not_158.png?itok=rS7XQvsj)
Bold for Boys, Scripts for Girls – Not
It seems that we are continually trying to equate personalities, emotions, or other human traits to typeface designs. Perhaps it is a way to make sense out of the seemingly unending array of typeface designs that are available. Maybe it’s because we assume that typeface designers have “personality trait” as part of their standard design brief for developing new typefaces.
![Black White & Red Manual Black White & Red Manual](/sites/default/files/styles/380x190/public/2022-07/Black%20White%20%26%20Red%20Manual_124.png?itok=ErPxfInW)
Black White & Red Manual
Black, white and red are the three most powerful colors for typographic communication:
White, that’s your background.
Black, always the best for type.
Red, the proven winner for emphasis and drama.
![Numbers Guidelines Manual Numbers Guidelines Manual](/sites/default/files/styles/380x190/public/2022-06/Numbers%20Guidelines%20Manual_116.png?itok=W5mpzKL3)
Numbers Guidelines Manual
Letters are the easy part. We were taught what they are, and how to use them, in our earliest experiences with learning. Even before we started school most of us had alphabet books, wooden blocks with letters on them, or magnetized letters that stuck to the refrigerator.
![](/sites/default/files/styles/380x190/public/2022-05/By%20The%20Numbers%20From%20Gutenberg%20to%20Subscripts_165.png?itok=-FQtfzM8)
By The Numbers: From Gutenberg to Subscripts Manual
When Gutenberg invented the art of typography he included a set of numerals in his fonts. But, for almost 100 years, numerals were treated as “pi” characters and not created to be part of any particular typeface design. Learn more
![](/sites/default/files/styles/380x190/public/2022-04/Header-Text%20Type-Small%20Letters%E2%80%93%20Big%20Decisions_188_115.png?itok=I7yqgr_0)
Text Type: Small Letters – Big Decisions Manual
Until the early 19th century, virtually all type was of the text variety. Type was for books, pamphlets and newspapers. It wasn’t until the advent of the Industrial Revolution – and the accompanying need for advertising – that display type became popular.
![](/sites/default/files/styles/380x190/public/2022-03/Header-Initial%20Letters%20tips%20and%20Tricks_139_153.png?itok=J_ILhFda)
Initial Letters Tips & Tricks Manual
Initial letters are double-edged typographic tools. They are a delight for the eye and handy road signs. They are not, however, something to be trifled with. There are a few guidelines for working with initial letters.
![](/sites/default/files/styles/380x190/public/2022-02/Header-Intro%20To%20Initial%20Letters-02_109_169.png?itok=SE_TKDGZ)
Introduction to Initial Letters Manual
Initial letters are the doyennes of type. Even before Gutenberg invented the craft of typography, fancy initials were used to begin chapters and decorate pages in medieval manuscripts.
![](/sites/default/files/styles/380x190/public/2022-01/Branding%20Symbols%20Header_120_162.png?itok=XXVUfRpM)
Branding Symbols Manual
Copyright, register and trademark symbols are important typographic glyphs that should not be used indiscriminately.
![](/sites/default/files/styles/380x190/public/2021-12/Headlines-Sub-Headings-Manual_179_166.png?itok=eaj6HIhi)
Headlines and Sub Headings
Headlines and sub headings present two sets of issues: structural and typographic. Addressing the structural issue makes dealing with the typography much easier.
![](/sites/default/files/styles/380x190/public/2021-10/The-Manual-Justified-rag-right-typography_133_145.png?itok=rdkRYPEe)
Justified & Rag Right Typography
Medieval manuscripts were meticulously constructed. They had gridlines that defined where all the various parts (initial letters, illuminations, text, etc.) were to be placed.
![](/sites/default/files/styles/380x190/public/2021-09/Making%20Corporate%20Documents%20Lively-Header_119_179.png?itok=zqWVhgj-)
Making Corporate Documents Lively
Designing boring corporate documents got you down? Faced with designing yet another brochure for your company’s line of augers and pumps?
![](/sites/default/files/styles/380x190/public/2021-08/Manual-Bullets_Boxes_Dingbats_182_107.png?itok=YfIq3KsG)
Bullets Boxes and Dingbats Manual
Sometimes letters are not enough. Perhaps you’ve tried changing “not-to-be-missed” text to bold or italic type, or even to a different face altogether, but it still doesn’t have the exact amount of emphasis you’re looking for. One simple solution to this typographic problem is to use a bullet, box, or dingbat.
![](/sites/default/files/styles/380x190/public/2021-07/Manual-Rags_Widows_Orphans_168_148.png?itok=xh1P-uBT)
Rags, Widows and Orphans
A typographic rag refers to the uneven (ragged) margin of a block of type that is not flush aligned. It’s usually the right margin that’s ragged (flush left/rag right setting), but the reverse can also occur. Flush right/rag left settings are also used in the attribution of quotes and poetry.
![](/sites/default/files/styles/380x190/public/2021-06/Manual-Text%20Readability.png?itok=SBpo1EXq)
Italics — Where They Came From And What They Can Do.
Italics are the aristocrats of type: elegant, beautiful, and dignified. Their history can be traced back to a time before there were fonts of type, when only scribes and the most educated communicated with letters.
![](/sites/default/files/styles/380x190/public/2021-05/Manual-Text%20Readability.png?itok=vocmF7SZ)
Text Readability
Readability is a relative gauge of how easily words, phrases and blocks of copy can be read. Many things can affect readability – everything from the number of typefaces used, to the kind of surface on which the type is imaged.
![](/sites/default/files/styles/380x190/public/2021-04/Manual-Header-Emphasize.png?itok=VBPic8tl)
Emphasizing in Text
Once you’ve got the “discretion” thing is in mind, there are a few basic tools you can use to create typographic emphasis — Italics, Boldface, Size, Color, Typestyle Change.
![](/sites/default/files/styles/380x190/public/2021-02/Type-on-the%20vertical-manual.png?itok=kmdCojm8)
Type on the Vertical
Just about every designer has an opinion about type set on the vertical. The thing is: you’d be hard pressed to find a statistical or empirical study that establishes the best way Latin type should be set when it’s flipped on its end.
![](/sites/default/files/styles/380x190/public/2021-02/Text-Ligatures-Hero.png?itok=YLR07Vf-)
Text Ligatures.
Ligatures were one of the first typographic tools. They’ve been around since Johann Gutenberg came up with the idea of automating calligraphy. He designed and used ligatures for the same reason as the scribes before him – to enable a column of text copy to align on both the right and left margins.
![](/sites/default/files/styles/380x190/public/2021-01/Its-all-about-legibility.png?itok=7hYsz3yw)
It’s about legibility.
Even though much of the typographic community treats legibility and readability as interchangeable terms – they are not. Different typefaces have varying degrees of legibility; while typography should be readable.