All About Fonts and Typography in Printing
Did you know that the Vulgate Bible, the first mass-produced book, contained either 40 or 42 lines per page depending on when it was printed, and used a blackletter style typeface now known as Textura? These printed bibles are called the Gutenberg Bibles and there was a total of 49 copies printed. The printing press, invented by Johannes Gutenberg around 1440, set the stage for the development and growth of typography. The beautifully printed pages of his early texts up to the layout of this webpage all utilize the art of typography. A traditional printing press uses moveable metal letters that can be arranged and rearranged in a template for mass publishing. By using premade sets of letters, a publisher could produce texts faster than ever and soon hundreds of publishers were making their own fonts and typefaces. Typography is essentially the art of making text attractive and readable through the careful choice of fonts, colors, and other design criteria. For instance, a whimsical typeface can lend an air of fantasy to a fairy tale, while a bold, plain font is best for conveying information on a poster.
Typography combined with images and photography is known as the field of graphic design. Digital typography is a medium of typography that grew out of the internet and the consumption of media through screens, demanding different rules for readability than traditional print typography. Nonetheless, print typography is an ancient art that has evolved over the centuries into hundreds of fonts, designs, rules, and styles and remains an important component of design, marketing, advertising, and publishing.
Types of Typefaces
When you're working on a document you've probably noticed the hundreds of different fonts to choose from. Usually, you'll start with Calibri and maybe change it to Arial or Times New Roman, and hopefully not Comic Sans. Each of these fonts belongs to a number of classes and categories. The two broadest typefaces categories are serif and sans serif fonts. A serif font has little "feet" that stick out, such as Times New Roman, and is considered more traditional. Serif fonts also make reading large chunks of text easier on the eyes, which is why it is a common font for essays and academic papers. A sans serif font, sans meaning without, is a font such as Arial that is more modern and basic, without the serifs. Other sans serif fonts are Helvetica and Calibri. Proportional and monospace are other font types that deal with the amount of space each letter uses. A proportional font will see the letter w use more space than the letter I, while a monospace font will utilize the same space for both letters.
-
Web Safe Fonts - If you're designing a web page and want to make sure the font you choose will display across all platforms and browsers, this guide can help.
-
Serif vs. Sans Serif - Even if you know nothing about typography you've probably heard about serif and sans serif fonts. Here's an explanation of the two.
-
The Psychology Behind Serif and Sans-Serif Fonts - The way your mind reads serif and sans serif fonts might fascinate you.
-
The Impact of the Historical Development of Typography on Modern Classification of Typefaces
-
Typography and Page Design - Laid out in black and white (literally!), here's a good explanation and visual of typography in graphic design.
-
Best Fonts for HD Screens - With HD screens being ubiquitous, from being in the palm of your hand to the wall of your house, here are the fonts that show up crisp and clear in high definition.
Important Terminology
Like every area of study, typography has terms that are unfamiliar to the layperson. The X height is the height of each character from the base to the mean line in font since it is based on the letter X. The set-width is the width of each letter, with an additional space accounted for that serves as a break against other letters. Most likely you've already heard about font sizes, such as 10 points, 12 points, etc. A point is 1/72 of an inch, making a 72-point font 1 inch tall. Pica is a measurement of 12 points, which measures column widths. Kerning is adjusting individual letters so they don't run together and create an unsightly image, like a capital W next to a capital T. At the end of the W and the beginning, the horizontal portion of the T would be slightly offset in a properly kerned font. The spacing between all the letters is known as tracking, which is also an option you might see in the toolbar of your word processor. The top of a letter is known as an ascender while the bottom stroke is called a descender.
-
Beginning Graphic Design: Typography - This colorful and easy-to-follow guide provides a great overview of typography and fonts.
-
Typography and Font Classifications - What's monospace? Is italic a font or style? All your questions about fonts and font concepts are covered in this colorful guide.
-
What Font Is? - This ridiculously useful website can determine almost any style of font that you input.
-
Ligature - The combination of two letters into one is a special area of focus in the field of typography.
-
Kerning and Tracking - If you're serious about learning the art of typography, these are two terms you need to know by heart.
Families and Fonts
For some time, typography consisted of only Roman-type lettering, as this was the only font style known. As the printing press took off, publishers sought other fonts that facilitated the production and readability of their texts. Italic fonts (Italic from Italy) were borne out of this and became popular in the Renaissance in the 16th century and served as another kind of typeface. As printing evolved throughout the centuries, printers began grouping certain font types together, leaving typography with multiple font families. Today, the number of font families is in the thousands, but some of the common groupings are Old Style, Transitional, Modern, Sans Serif, Slab Serif, Script Cursive, and Decorative. Script fonts are those similar to a handwritten letter, while decorative fonts are usually more ornate and suited to titles and headlines. Monospace fonts are useful for writing any computer or HTML code, as their spacing aids in writing code lines. No matter what kind of document you're typing or printing there's a font for you.
-
Typographic Basics - This basic guide goes over design, color, and typography with helpful terms and examples.
-
The History of Typography and Gutenberg - If you've ever wanted to know more about the invention of moveable printed type, here's all the information summed up in handy charts, pictures, and timelines.
-
Mechanical Composition and Type - Although a bit heavy on the technical terms, this article talks about typography and printing in the late 1800s as the industry exploded and how typefaces and fonts began to evolve.
-
Then and Now: Typography History - A useful timeline that highlights the major developments in the history of typography throughout the centuries.
-
Typography and Dyslexia - A very interesting article about how certain typography is beneficial for those with dyslexia and other learning disabilities related to reading.
More Information on Fonts and Typography
-
Does Print Size Matter for Reading? - This article is a quick look at how important text and font size is on readability in print media.
-
Incunabula: The Art and History of Printing in Western Europe, 1450-1500 - If you want to know more about the early days of the printing press this webpage does a great job of breaking down the key developments of the time.
-
The Development of Typography in China - Although the printing press was invented in Europe, typography was evolving in another way in the Far East.