• Deutsch
  • English
Hi&Lo Agency
  • Home
  • Service
    • Online Presentations
    • Workshops
    • PowerPoint Service
    • Live- & Video Presentations
    • Wording & Text
  • About
  • References
  • Contact
  • Blog
  • Menu Menu
  • Facebook
  • LinkedIn
  • Youtube
  • Instagram

Typography – a short crash course on typefaces

by now digital fonts are generally part of our everyday life. We see them on websites, logos, shop window lettering, magazines, and even occasionally on little notes left on the windshield by city officials for bad parking jobs.

Typefaces are everywhere; but even in the design industry, I am sometimes amazed at how little thought is given to the attribution of fonts and typefaces, and how rarely the components are accurately named. So, a smidgen of knowledge about typeface and design might make communication easier when it comes to design briefs, so designers and clients do not misunderstand each other.

Anti-what?

Fonts, and almost all fonts, are also called Antiqua. Here we distinguish whether they are script fonts, sans serif Antiqua or Antiqua with serifs. Ah, already we stumble over our first vocabulary word: “serifs”.

Serifs – the little tips that supposedly make reading easier.

Recently the question came up, what are serifs good for anyway?

In lithography, serif letters were almost only exclusively used. This was supposed to make it easier for the eye… that’s how publishers and printing experts see it. Many books are still printed with a serif typeface when they have a dense text body.

Have you ever noticed that especially inexpensive books, trivial literature, inexpensive paperback crime novels or even children’s and youth books are printed in serif fonts?

Clean fonts that have a certain symmetry are called Linear Antiqua.

Arial, Calibri, Gill Sans, and Futura are just a few examples of sans serif Linear Antiqua. Their characteristics lie in their straightness and that they have little contrast in their weights. Very often, the ascender of the lowercase letters, is equal to the Cap hight.

Ah, such vocabulary words again:

Cap height is the correct term for the size of the letters- the big ones are upper-case letters and the small ones are lower case letters.

Family Time

HiLo_Agency_Typografie

Small and big letters can be found just like small and big people in your own family.

There are also type families are the unique classification of a typeface, according to its characteristics

At a glance

FamilyFeaturesExamples
Serif Linear AntiquaDistinctive serifs, dynamic, traditional, bulkyCity, Memphis, Joanna, Rockwell, Lino Letter, Clarendon, Antique, Egyptian
Linear sans serifGeometric, rational, modern, straightforward, clear basic formsHelvetica, Optima, Grotesk, Avenir, Arial, Vectora, Open Sans, Calibri
Script fontsDynamic, mostly slanted, sweeping strokes, often letters connectedLinoscript, Mistral, Slogan, Pepita, Snell Roundhand, Medici Script, Berthold Script
Broken script, and foreign scriptDynamic, mostly the arcs are not connected, bent strokesAlte Schwabacher, Engravers Old English, Claudius, Duc de Berry

There are a total of 11 groups, which are distinguished according to the following criteria:

  1. The presence of serifs
  2. The shape of the serifs
  3. The angle or even the stroke width of what is known as the k“leg”
  4. The symmetry of the shoulder or the “arc”
  5. The course of the trailing outward stroke of the e.

Sooooo… now we need some clarification again because we have not heard anything about arcs and legs yet. So, let’s move on to the individual elements of the letters.

A bit of architecture:

4 Line-Priciple

Proportions

Each font has its own proportion. This means nothing more than the length a font takes when it is in its default setting. Some fonts simply have a narrower look due to their vertical property, and thus a shorter length.  So proportionally the font is shorter, even if it has the same Point or font-size.

HiLo_Agency_Blog_Text proportions

When I say that these fonts are in their “default setting”, I mean the spacing that someone has come up with for optimal readability of a particular font.

In type design, setting a single letter at the desired spacing from the other letters is called “kerning”.

In PowerPoint, we often play with the spacing out of fonts. However, we rarely place the letters one after the other. We use the font options, for example, spacing the font, i.e., to move it further apart.

HiLo_Agency_Typografie_Open Sans

The font options, whether a font is left-aligned, right-aligned, or centered, also play a big role in font design, but we will save that story for another time 😉.

Here’s an overview, of the best and nerdiest websites we could find on this topic:

https://www.canva.com/learn/typography-terms/ https://bit.ly/2OdFTkH https://bit.ly/3bbbNHL

So many detailed examples, so much to know about fonts, their structure, and their use. No one can say that typography is a boring topic.

And if we can help you find the right font for your presentations, get in touch, we’d love to hear from you.

Daniela Lopez
https://www.linkedin.com/in/daniela-lopez-acevedo-361080a1/mailto:%20lopez@hilo-agency.de

Daniela Lopez

Author (hover to contact)
Hi&Lo Agency

You May Also Like

HiLo_Agency_Blog_Thumb_ComicSans_klein.png
Design, General

Comic Sans what have you done?

29/03/2022
https://hilo-agency.de/wp-content/uploads/2022/03/HiLo_Agency_Blog_Thumb_ComicSans_klein.png 480 719 Haefele https://hilo-agency.de/wp-content/uploads/2019/08/Hi_Lo_01-final-80-80-final-1.png Haefele2022-03-29 21:41:402022-03-29 21:41:40Comic Sans what have you done?
HiLo_Agency_when_I_grow_up_Thumb
Communication, General

When I Grow Up

27/01/2022
https://hilo-agency.de/wp-content/uploads/2022/01/HiLo_Agency_when-I-grow-up_Thumb2.png 614 620 Haefele https://hilo-agency.de/wp-content/uploads/2019/08/Hi_Lo_01-final-80-80-final-1.png Haefele2022-01-27 02:40:402022-01-29 17:50:06When I Grow Up
HiLo_Agency_Thumbnail_Design_ArtHiLo_Agency
Communication, Design

Design is not Art

22/07/2021
https://hilo-agency.de/wp-content/uploads/2021/07/HiLo_Agency_Thumbnail_Design_Art_5.png 1299 2048 Haefele https://hilo-agency.de/wp-content/uploads/2019/08/Hi_Lo_01-final-80-80-final-1.png Haefele2021-07-22 10:03:522021-07-22 10:03:52Design is not Art
HiLo_Agency_Logo

Service

Online Presentations
PowerPoint Service
Live- & Videopresentations
Wording & Text

More

Home
Privacy Policy
Imprint
Contact

A little Typeface HistoryHiLo_Agency_Blog_a_little_Typeface_History_ThumbnailHiLo_agencyHiLo_Agency_Blog_Informationspraesentation_ThumbnailInformation Presentations – This could have been an e-mail?
Scroll to top

We use cookies to improve your browsing experience, but we eat our greens regularly.

Use all CookiesSelect CookiesDecline all Cookies

Cookie and Privacy Settings



How we use cookies

We may request cookies to be set on your device. We use cookies to let us know when you visit our websites, how you interact with us, to enrich your user experience, and to customize your relationship with our website.

Click on the different category headings to find out more. You can also change some of your preferences. Note that blocking some types of cookies may impact your experience on our websites and the services we are able to offer.

Essential Website Cookies

These cookies are strictly necessary to provide you with services available through our website and to use some of its features.

Because these cookies are strictly necessary to deliver the website, refusing them will have impact how our site functions. You always can block or delete cookies by changing your browser settings and force blocking all cookies on this website. But this will always prompt you to accept/refuse cookies when revisiting our site.

We fully respect if you want to refuse cookies but to avoid asking you again and again kindly allow us to store a cookie for that. You are free to opt out any time or opt in for other cookies to get a better experience. If you refuse cookies we will remove all set cookies in our domain.

We provide you with a list of stored cookies on your computer in our domain so you can check what we stored. Due to security reasons we are not able to show or modify cookies from other domains. You can check these in your browser security settings.

Google Analytics Cookies

These cookies collect information that is used either in aggregate form to help us understand how our website is being used or how effective our marketing campaigns are, or to help us customize our website and application for you in order to enhance your experience.

If you do not want that we track your visit to our site you can disable tracking in your browser here:

Other external services

We also use different external services like Google Webfonts, Google Maps, and external Video providers. Since these providers may collect personal data like your IP address we allow you to block them here. Please be aware that this might heavily reduce the functionality and appearance of our site. Changes will take effect once you reload the page.

Google Webfont Settings:

Google Map Settings:

Google reCaptcha Settings:

Vimeo and Youtube video embeds:

Other cookies

The following cookies are also needed - You can choose if you want to allow them:

Einstellungen akzeptierenVerberge nur die Benachrichtigung
Open Message Bar
Call Now Button