Text size

font-size

Specify how large or small the text should be.

Property values

Use one of these absolute sizes, relative to the default medium:

xx-small
x-small
small
medium
x-large
xx-large
xxx-large

Or use one of these keywords, which are relative to the parent element's size:

smaller
larger

Or use any of these font-relative typographic units:

% percentage A percentage of the parent font's advance measure (the width)
em em A factor of the parent element's font-size
rem relative em The font-size of the <html> element

Or use any of these fixed size units which are independent of the current font:

in inch A size equal 96px
px pixels A size equal to 1/96 inch
pt point A size equal 1in/72 = 1.33px
pc pica A size equal 1in/6 = 12pt = 16px
cm centimeter A size equal to 96px/2.54 = 37.8px
mm millimeter A size equal to 96px/25.4 = 3.8px
Q quarter millimeter A size equal to 96px/1016 = 0.94px

Examples

font-size: 12pt;
font-size

style > typography > font-sizeText size

🔎