Font size adjustment in CSS
The CSS font-size-adjust property lets you control the sizing for lowercase letters:
Using font-size-adjust in CSS
After specifying the font-size, you can define the size of lowercase letters in relation to it:
font-size-adjust: value;
The default value for CSS font-size-adjust is none, which means the browser uses the default size of lowercase letters in the chosen font.
To define a custom size, enter a unitless number for the value of font-size to be multiplied by. See a few examples of font size adjustment in the table below.
Imagine the font-size-adjust value is 50px: |
|
|---|---|
font-size-adjust: 0.5; |
The lowercase letters are 25 pixels in height |
font-size-adjust: 0.8; |
The lowercase letters are 40 pixels in height |
font-size-adjust: 0; |
The lowercase letters are 0 pixels in height |
Browser support
Chrome
43+
Edge
-
Firefox
40+
IE
-
Opera
30+
Safari
-
Mobile browser support
Chrome
-
Firefox
4+
Opera
-
Safari
-