Typography the art of arranging type

Typography the art of arranging type

What is Typography?

Typography is the art and technique of arranging type in order to make written language legible, readable, and appealing when displayed. The history of typography can be traced back to the invention of writing systems, but for the purposes of this answer, we’ll focus on the history of movable type printing.

The invention of movable type printing is attributed to Johannes Gutenberg in the mid-15th century in Europe. Gutenberg’s invention enabled the mass production of printed books and played a major role in the spread of knowledge and ideas throughout Europe. Gutenberg used movable type made of metal, which could be arranged and rearranged to form words and sentences, and printed using a press.

Over the next few centuries, printing technology continued to advance, with innovations such as lithography, which used a flat stone surface to print images and text, and offset printing, which uses a rubber roller to transfer ink from the printing plate to the paper.

The 20th century saw the rise of digital typography, with the development of digital fonts and computer typesetting. Digital typography made it easier to create and manipulate fonts and allowed for more complex and diverse designs.

Fonts vs Typefaces

The terms “font” and “typeface” are often used interchangeably, but they actually refer to two different things in typography.

A typeface is a collection of letters, numbers, and other characters that share a consistent design aesthetic. For example, Times New Roman is a typeface that includes all the letters of the alphabet, numbers, and punctuation marks, and all of them share a similar style and appearance.

On the other hand, a font is a specific instance of a typeface in a particular size, weight, and style. For example, Times New Roman 12pt Bold is a font that uses the Times New Roman typeface, but is specifically bolded and set at a size of 12 points.

So, in essence, a typeface is a design concept, while a font is a particular implementation of that concept in a specific style and size. The distinction between the two is important in typography, especially in digital design, as it helps to ensure consistency and accuracy in the presentation of text.

How long have Typefaces Been Around?

The oldest surviving typefaces were created during the early days of movable type printing in Europe, in the mid-15th century. Here are some of the oldest typefaces still in use today:

  1. Blackletter (also known as Gothic or Old English): This typeface was one of the first to be created with movable type, and was widely used throughout Europe from the 12th to the 16th centuries. It is characterized by its bold, ornate appearance, with thick strokes and angular serifs.
  2. Garamond: This typeface was created by French type designer Claude Garamond in the mid-16th century, and is known for its elegant, delicate appearance. It features subtle variations in stroke weight and a relatively low contrast between thick and thin strokes.
  1. Baskerville: This typeface was designed by English typographer John Baskerville in the mid-18th century, and is known for its crisp, modern appearance. It features high contrast between thick and thin strokes, and sharp, angled serifs.
  2. Caslon: This typeface was designed by English typographer William Caslon in the early 18th century, and was widely used in the American colonies during the Revolutionary War era. It is characterized by its simple, elegant appearance, with relatively low contrast between thick and thin strokes.

These typefaces have remained popular and influential over the centuries, and have been adapted and reinterpreted in countless variations and styles.

What are the most common Typefaces in the world today?

The most commonly used typefaces in the world can vary depending on the context and application, but here are some typefaces that are widely used across different industries and mediums:

  1. Helvetica is a versatile sans-serif typeface that was created in 1957 by Swiss typeface designer Max Miedinger. It has a clean, modern appearance and is widely used in graphic design, branding, signage, and other applications. Its name comes from the latin word for Switzerland, “Helvetia” but with a ‘c’ added before the ‘a’.
  2. Arial is a sans-serif typeface that was created by Monotype Imaging and introduced in 1982. It is similar in appearance to Helvetica, but has slightly wider letterforms and a more uniform stroke weight. Arial is widely used in digital applications and is often the default typeface in Microsoft Office software.
  3. Times New Roman is a serif typeface that was designed for The Times newspaper in the 1930s. It is widely used in print media, academic writing, and other formal applications.
  4. Calibri is a sans-serif typeface that was introduced by Microsoft in 2007. It has a modern, streamlined appearance and is widely used in digital applications and presentations.
  5. Verdana is a sans-serif typeface that was designed by Matthew Carter for Microsoft in 1996. It was designed specifically for on-screen reading and is widely used in web design and other digital applications.

These typefaces are just a few examples of the most commonly used typefaces in the world. Other popular typefaces include Georgia, Open Sans, Roboto, and Lato, among others.

Serif vs Sans-serif

The main difference between serif and sans-serif fonts is the presence or absence of small decorative lines or strokes at the ends of letterforms, called serifs.

Serif fonts have these small decorative lines or strokes at the ends of letterforms, while sans-serif fonts do not. Sans-serif fonts are characterized by a cleaner, more modern look, while serif fonts are often associated with a more traditional, classic aesthetic.

Serif fonts exist because they offer certain benefits over sans-serif fonts in certain contexts. Serif fonts are characterized by the presence of small, decorative lines or strokes at the ends of letterforms, while sans-serif fonts lack these strokes.

Top Four Reasons for using serif fonts

  1. Readability: Serif fonts are generally considered more readable than sans-serif fonts in print media, especially in long passages of text. The serifs help to guide the eye from one letter to the next and create a smoother flow of text.
  2. Tradition: Serif fonts have a long history and are associated with classic, formal typography. They are often used in books, newspapers, and other printed materials that require a traditional, authoritative look.
  3. Legibility: Serif fonts can help to distinguish between similar letterforms, such as lowercase “l” and uppercase “I”, making text easier to read and reducing the risk of confusion.
  4. Aesthetics: Serif fonts can add a sense of elegance and sophistication to a design, and are often used in branding and advertising to create a high-end, refined look.

Top four reasons for using Sans-Serif fonts

  1. Clarity: Sans-serif fonts are often considered more clear and legible than serif fonts, particularly in digital contexts where resolution and readability are key. The absence of serifs can make letters and words easier to read on screens and at smaller sizes.
  2. Modernity: Sans-serif fonts have a clean, modern appearance that is often associated with simplicity, minimalism, and forward-thinking design. They are popular in branding, advertising, and other design contexts that require a contemporary or futuristic look.
  3. Accessibility: Sans-serif fonts are often used in signage and wayfinding systems, where legibility and clarity are crucial for people with visual impairments or limited reading abilities.
  4. Versatility: Sans-serif fonts can be used in a wide range of contexts and styles, from bold, attention-grabbing headlines to clean, simple body text. They can be adapted and customized for a variety of design needs.

The Future of Typography

The future of typography is constantly evolving and adapting to new technologies and design trends. Some trends and developments that are likely to shape the future of typography are likely to be:

  1. Variable fonts: Variable fonts allow designers to adjust the weight, width, and other aspects of a font on the fly, creating more flexibility and versatility in typography.
  2. Responsive typography: With the rise of responsive web design, typography is becoming more adaptive and dynamic, with fonts that can adjust to different screen sizes and resolutions.
  3. Augmented and virtual reality: As augmented and virtual reality become more widespread, typography will play an increasingly important role in creating immersive and interactive experiences.
  4. Integration with AI: AI and machine learning are being used to create new and innovative typography designs, as well as to analyze and optimize typography for readability and user experience.
  5. Sustainability and accessibility: There is a growing focus on sustainability and accessibility in design, which will likely lead to more eco-friendly and accessible typography designs in the future.

The future of typography is likely to be characterized by innovation, flexibility, and adaptability, as designers seek to create typography that is both functional and visually compelling in a rapidly changing design landscape.

Further Reading About Tyography:

Here are some recommended further reading materials about typography:


  1. “Thinking with Type” by Ellen Lupton: A comprehensive guide to typography and its history, design principles, and practical applications.
  2. “The Elements of Typographic Style” by Robert Bringhurst: A classic book on typography, covering everything from letterforms to page layout and design.
  3. “Stop Stealing Sheep & Find Out How Type Works” by Erik Spiekermann: A fun and informative book on typography that covers the basics of type design and usage.
  4. “Type Matters!” by Jim Williams: An accessible introduction to typography and its practical applications, with tips and advice for choosing and using fonts.
  5. “Typographic Systems of Design” by Kimberly Elam: A guide to the principles of typography and their application in graphic design, with examples and exercises.

Online resources:

  1. Typewolf (typewolf.com): A website that showcases and analyzes typography in web design, with articles, examples, and resources.
  2. Fonts In Use (fontsinuse.com): A collection of examples of typography usage in real-world design projects, including branding, print design, and web design.
  3. Typography Guru (typography.guru): A forum and community for typography enthusiasts and professionals, with discussions, news, and resources.
  4. Typotheque (typotheque.com): A foundry and resource for high-quality typefaces and typography education, with articles, videos, and resources.
  5. Google Fonts (fonts.google.com): A library of free and open-source fonts that can be used for web and print design projects, with easy integration and customization options.

Other Insights

Related Insights

Back to all Insights

The Crucial Role of Effective Branding for Charities

In the crowded forecourt of charitable organisations waiting to receive your donations, where worthy causes jostle for limited attention and increasingly limited resources, the significance […]
read article

Testimonial Videos – Read this before making one

“Loyal customers, they don't just come back, they don't simply recommend you, they insist that their friends do business with you.”  So said Chip Bell. […]
read article
Christmas Cards – A Superfast history for your dinner party chat cover

Christmas cards – a superfast history for your dinner party chat

The tradition of sending Christmas cards has long been a cherished part of the festive season, but maybe not for as long as you think. […]
read article

Great relationships are based on trust, open communication and a bit of chemistry.

Book your 30 minute chemistry call today and let us ask you some great questions to get the ball rolling.
Book a call

Great relationships are based on trust, open communication and a bit of chemistry.

Book your 30 minute chemistry call today and let us ask you some great questions to get the ball rolling.
Book a call