Summary:

Type Properties:

<aside> 💡 A typeface is a collection of letters. Each letter is different, certain shapes are shared across letters. Also it shares a patterns.

</aside>

They’re selected for their style, legibility and readability.

Letterform Parts

Letterform Parts


Baseline:

<aside> 💡 This is the invisible line sits on where a line of text rests.

</aside>

It’s important in measuring the vertical distance between text and an element.

Baseline

Baseline


Cap Height:

<aside> 💡 This refers to the height of a typeface’s flat capital letters (such as M) measured from the baseline.

</aside>

Round and pointed capital letters (such as S) are visually adjusted drawn exceeding above the cap height to look the same size.

Cap Height

Cap Height


X-height:

<aside> 💡 It is the height of the lowercase x of a typeface. It tells how tall or short each symbol in each one will be.

</aside>

Tall x-heights have better legibility at small font sizes, because the white space inside each letter is more legible.

X-height

X-height