Typography Characters -typography tutorial (Part-2)

Hey! guys welcome to our second part of the typography tutorials, in this article we are going to cover Typography Characters and many more things.

If you missed the previous one, please click here.

So, let’s get started…

Typography Characters

Types of Characters which will discuss one by one:

Anatomy of Characters

Two types of anatomy Ascender and Descender.

  • Ascender: A part of the letter which extends or spreads above the x-height.
  • Descender: The part of a letter that descends below the baseline.

The Barb, Beak, Bowl, and Bracket

  • Barb: A serif is that sharply pointed.
  • Beak: A serif that arrives at the end of an arm.
  • Bowl: The shape that includes a space in circular letterforms.
  • Bracket: One transitional shape connecting the serif and stem.

Counter, Crossbar, Crotch, and Cross Stroke

  • Counter: the counter is the space inside a bowl.
  • Crossbar: This is the horizontal stroke which intersects the central stem. It is also known as Bar.
  • Crotch: It is the inner point at that two angled strokes meet.
  • Cross Stroke: This is the horizontal stroke that intersects the stem of a lowercase f or t.

Ear and Finial

  • Ear: The ear is a small stroke spreading from the bowl of a ‘g’ or ‘r’.
  • Finial: It is an ornamental terminal stroke observed at the top of the characters.

Link, Loop, and Leg

  • Link: The stroke that joints two other parts of the letter.
  • Loop: A bowl formed by the lower part of the double-story ‘g’.
  • Leg: The lower stroke of a letter.
typography characters

Serif, Shoulder, and Spine

  • Serif: this is a stroke at the end of the primary vertical/horizontal stroke.
  • Shoulder: The shoulder is a curved stroke leading to the leg of an ‘h’.
  • Spine: Curving stroke of ‘S’.

Spur, Stem, and Stress

  • Spur: This is the end of a stem of a rounded letter.
  • Stem: Strem is the main vertical, diagonal stroke of a letter.
  • Stress: Stress is the orientation of a curved character.

Tail and Vertex

  • Tail: Tail is the descending stroke of a letter.
  • Vertex: This is the angle formed at the base of a letter when strokes meet.

Ligature

The ligature is the joining of two or three individual characters to create a single unit to prevent interference.

Measurements

Typography Characters

Tracking

Tracking is nothing but the amount of spacing between the characters of a word or a text block.

Kerning

Kerning is a space between letters and varies per character to create comfortable looking typography.

Word Spacing

Word spacing is the space or area between two words. A higher word spacing will make this more disjointed/ divided, and a lower word spacing will make it tighter.

Leading

Leading is nothing but the distance between two baselines on the consecutive lines of text.

  • The Leading depends upon the size of the type.
  • When we have a large size of type, and more leading is needed between lines.
  • It provides a minimum of 20% of the point size for the leading: make a leading for 120%.
  • i.e., 10 pt type must have the 12 pts of the leading

Alignment in Typography Characters

Basic Alignment

  • Alignment: This is the type of horizontal position.
  • Left: It is a text aligned to the left margin.
  • Right: It is the text aligned to the right margin. Difficult to read.
  • Center: It is the text aligned to the center to form an asymmetrical shape.
  • Justified: Each line extends(lengthen) from left to the right margins changing space between the words.

Advanced Alignment

  • Runaround: All the text is wrapped around a picture.
  • Aymmetric: The lines are not joined with each other.
  • Concrete: Each text takes the shape of a concrete object.

How Eyes Read a Text

The human’s eye scans a paragraph looking for the ascenders and descenders to interpret the words. The upper-case letters have equal height and lesser visible shortcuts for the eye to scan. So, the text is more comfortable to read when set in Roman, Old Style or Antiqua.

Choose Appropriate Typeface

Always use the appropriate typefaces on a project as an ornamental typeface might look good on a celebration poster but won’t be suitable for showing distance on highway signage.

Use Proper Font Size

Always use proper font size.

  • The font should not be too small, which is challenging to read.
  • But also it should not be too large, which will require more extensive the eye clears to complete reading.

Use Proper Hierarchy

The typographic hierarchy expresses an organizational system of content, giving importance to some data and diminishing others. It can be achieved by varying

  • Size
  • Weight
  • Orientation
  • Color
  • Style
  • Spacing

Use Proper Tracking

Always use proper tracking. It shows how different tracking can vary the spacing between letters making it easier and difficult to read.

Use Proper Leading

Always use proper leading. That shows how different leading can vary the spacing between lines making it easier and difficult to read.

Avoid Widows and Orphans

widow is an alone word at the end of a block of text.

An orphan is nothing, but it is the final one or two lines of a paragraph that breaks to form a new column.

Widows and orphans are typographic errors and should be avoided by hyphenation or adjusting tracking of the text block.

Avoid Rivers

The white space formed in between the words of justified body text is called rivers. This error can be corrected by rewriting the content or by adjusting word spacing and hyphenation.

Avoid Rags

Rags are the awkward spaces formed by the outer edge of a text block that is not justified. This can be reduced by adjusting kerning and letter spacing.

Course Summary
Congrats on completing the course. In this course, we explored:
Typefaces
Typeface Styles
Typography Parameters
Anatomy of Type
Words and Paragraphs
Typography Best Practices

FAQs:

The fonts that have a small stroke at the end of the main horizontal or vertical stroke is called …..

ANS: serif

A small stroke extending from the bowl of a ‘g’ or ‘r’ is called as

ANS: Ear

____‘ is a unit of relative measurement derived from the uppercase letter ‘M.’

ANS: EM

The space that encloses space in circular letterforms is called as…

ANS: bowl


This is all about the Typography characters- typography tutorials. And also we finished the basics of typography. I hope it is helpful for you.

Thank You 🙂

21 thoughts on “Typography Characters -typography tutorial (Part-2)

  1. Its like you read my mind! You seem to know so much about this, like you wrote the
    book in it or something. I think that you can do with a few pics to drive the message home
    a little bit, but instead of that, this is wonderful blog.
    A great read. I will definitely be back.

  2. Excellent post. Keep writing such kind of information on your blog.
    Im really impressed by your site.
    Hi there, You’ve done a great job. I will certainly digg it and for my part recommend to my friends.
    I’m confident they will be benefited from this website.

  3. Hi, i think that i saw you visited my site thus i came to “return the favor”.I’m trying to find things to enhance my website!I suppose its ok to use some of your
    ideas!!

  4. Thanks , I have recently been searching for information about this topic for a long
    time and yours is the greatest I’ve came upon till now.

    But, what in regards to the conclusion? Are you certain about the supply?

  5. I like the helpful info you supply on your articles.
    I’ll bookmark your blog and take a look at once more right here regularly.
    I am rather certain I will be told lots of new stuff proper here!
    Best of luck for the next!

  6. It’s the best time to make some plans for the future and it
    is time to be happy. I’ve read this submit and if I may
    just I desire to suggest you some fascinating issues or tips.

    Perhaps you can write subsequent articles referring to this article.
    I desire to read more things approximately it!

  7. Hi to every body, it’s my first pay a visit of this weblog; this website contains amazing
    and genuinely excellent information designed for readers.

  8. Excellent post. I was checking constantly this weblog and I am inspired!

    Very useful information particularly the remaining section 🙂 I deal with such information much.

    I used to be seeking this certain info for a very lengthy time.
    Thanks and good luck.

  9. Thanks for finally talking about > Typography Characters -typography Tutorial (Part-2) |
    Technicalblog.in < Loved it!

  10. It’s going to be end of mine day, however before finish I am reading this great article to increase my knowledge.

Leave a Reply

Your email address will not be published.