1 2
TYPE INTRODUCTION
MY FAVORITE FONTS
Brief description 1 another brief description something else p. 4-7
Brief description 1 another brief description something else p. 4-7
5 6
FONT INSPIRATION
Brief description 1 another brief description something else p. 4-7
MEASURING FONTS Brief description 1 another brief description something else p. 4-7
3 4
ALL ABOUT GLYPHS
FONT LAWS
Brief description 1 another brief description something else p. 4-7
Brief description 1 another brief description something else p. 4-7
7 8
DESIGNING A FONT
Brief description 1 another brief description something else p. 4-7
CONCLUSION Brief description 1 another brief description something else p. 4-7
INTRODUCTION Typography, in my opinion, is a unique form of art within design that measures its success on how much it goes unnoticed.
TOP
Unlike traditional art, typography’s primary focus is readability. Although I had never taken a typography class before, I’ve tried to learn small details about what is good typography and bad typography. Although I thought I knew a lot, I never realized how many components go into successful typography until taking this class.
Although I did know many of the basics through other design classes that I have taken, I have included in this book many details that I have learned specifically in this class. I knew very little about the anatomy of typography as well as the history behind creating typefaces. Learning all of these new details has not only helped me better understand which fonts to use in design, it has also given me a greater appreciation for our access to type as well.
I made this booklet not only to showcase my understanding of typography, but to show my application of typography layout, font pairings, and font usage. This project is a reflection of what I have learned about typography and how it is used in graphic design. Enjoy!
PIC ONE
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
TOPI
OSWALD BOLD Oswald has always been my “go-to” font. It’s a tall, clean, modern, sans-serif font. It pairs well with many different fonts making it very versatile. It also offers a variety of weights, which helps provide more options when creating designs.
RALEWAY SEMIBOLD I like Raleway for many of the same reasons that I like Oswald. It’s a modern sans-serif web font that goes nicely with a variety of other fonts. It’s more of a wider font, though, so it’s slightly more readable and fits better in landscape layouts.
AMERICAN TYPEWRITER I just recently discovered my appreciation for American Typewriter this year. I’m not a huge fan of serif fonts, but this font has a fun sense of character. It pairs well with lots of sans-serif web fonts and is very readable.
IC TWO
Learning about glyphs was confusing at first, because so many things in typography can be considered a glyph. These four points helped me better understand what exactly a glyph is.
1 2 TOPIC WHAT’S A GLYPH?
IS A LETTER A GLYPH?
A glyph is a shape from a specific character of a typeface that has a variety of designs. This can include not only letters or numbers, but also ITC Zaph Dingbats and ligatures.
One letter can have multiple gliphs, for example, the letter below is still one letter, but it has three different glyphs.
aÂŞa
3 4 THREE EXAMPLES
WHERE DO I FIND GLYPHS?
Like I mentioned before, this includes ITC Zaph Dingbats and ligatures as well. Some glyphs I found in my panel are below:
aAnm
You can find glyphs by clicking the “Type” menu and clicking “glyphs”, the seventh option from the top.
“
LEARN THE RULES LIKE A PRO,
-PABLO P
“
BREAK THEM LIKE AN ARTIST
PICASSO
1. Know fonts vs. typefaces. Typefaces are the overall group of fonts. In other words, a typeface is a family of fonts. Fonts come in different weights and sizes, so one typeface might have a 12 pt. bold font, as well as a 30 pt. italic font.
2. Understand what readability is. It is important to be mindful of how readable a font is. A large body of text must have a more readable font than a more elaborate headline text. Combining a font’s color with the background must also remain readable.
3. Know how to combine fonts. One major tip to know when combining fonts is knowing that opposites attract. Whether it’s bold with light, serif with sans-serif, or elaborate with simple, fonts pair well together when there is a great amount of contrast.
TOPIC
4. Know what visual heirarchy is. Using high contrast with placing and sizing fonts effectively will help lead the reader’s eye to the most important content first. One rule of thumb I learned was skipping font weights or doubling the point sizes in a font.
5. Limit your font variety. I've learned that it's best sticking to two or three fonts. This helps give visual heirarchy but doesn't become too busy or distracting. It isn't a set type rule, but it helps to avoid any kind of clutter.
6. When in doubt - test it out! If you're questioning the readability or aesthetics of a font, it always helps to put it nto context. For print media, printing it off will instantly help you get an idea of if it's readable and visually appealing or not. For digital, printing it or mocking it up will help as well.
C FOUR
“
Type used well is used as inv perfect talking voice is the u transformation of words and
-BEATRICE FROM THE CRYSTAL GOBLET
“
visible type, just as the unnoticed vehicle for the d ideas
E WARDE
TOP
PIC FIVE
1 2
LEADING
TRACKING
Leading is the vertical spacing between two baselines on a line of text. This is an example of increased leading (below). Leading is the vertical spacing between two baselines on a line of text. This is an example of increased leading.
Tracking is the horizontal spacing between all of the letters on a line of text. This is an example of increased tracking (below). Tracking is the horizontal spacing between all of the letters on a line of text. This is an example of increased tracking.
TOP
Some facts about fonts are often misunderstood or confusing when first learning about typography. For me, measuring fonts and understanding some of the terminology was difficult at first. Simplifying this information into these simple terms and conversions have helped me better understand typography:
3 4 PIC SIX Kerning is the horizontal spacing between TWO letters in a line of text.
KERNING
POINTS & PICAS
This is an example of good kerning. This is an ex a mple of really hideou s kerning.
Points and picas are used as measurement for typesetting and design. This conversion list has helped me a lot to understand the comparisons between these two terms: 1 in = 6 picas 12 points = 1 pica 72 points = 1 inch
“
“There are three responses yes, no, and WOW! Wow is th
-MILTON G
“
to a piece of design – he one to aim for.”
GLASER
What are you waiting for?
LET’S GET TO TYPING!