Type properties

A typeface is a collection of letters. While each letter is unique, certain shapes are shared across letters. A typeface represents shared patterns across a collection of letters. Typefaces that are selected for their style, legibility, and readability are most effective when following the fundamental principles of typographic design.link

Names of letterform parts: aperture, ascender, baseline, cap height, descender, leading, letter-spacing, sans serif, serif, stem, stroke, x-height

Baseline The baseline is the invisible line upon which a line of text rests. In Material Design, the baseline is an important specification in measuring the... The baseline is the invisible line upon which a line of text rests. In Material Design, the baseline is an important specification in measuring the vertical distance between text and an element.

Measurement from the baseline Specify distances from UI elements from the baseline. Baseline values are software-agnostic, so they work in any design program, and work with the grid. On Android and iOS, code can be translated from baseline-relative specs into padding. For the web, automate the calculation using Sass or CSS.

Cap height Cap height refers to the height of a typeface’s flat capital letters (such as M or I) measured from the baseline. Round and pointed capital... Cap height refers to the height of a typeface’s flat capital letters (such as M or I) measured from the baseline. Round and pointed capital letters, such as S and A, are optically adjusted by being drawn with a slight overshoot above the cap height to achieve the effect of being the same size. Every typeface has a unique cap height.

X-height X-height refers to the height of the lowercase x for a typeface, and it indicates how tall or short each glyph in a typeface will... X-height refers to the height of the lowercase x for a typeface, and it indicates how tall or short each glyph in a typeface will be. Typefaces with tall x-heights have better legibility at small font sizes, as the white space within each letter is more legible.