font-size-adjust

Setting the line height for a variable font.

Time to read: less than 5 min

Briefly

The font-size-adjust property allows you to set the height of lowercase letters relative to uppercase letters, the size of which is set using font-size.

The ratio of lowercase to uppercase is a unique characteristic of the font, and this property helps compensate for lowercase letters that are too small or too large to combine different fonts together.

How to write

        
          
          code {  font-size: 16px;  font-size-adjust: 0.5;}
          code {
  font-size: 16px;
  font-size-adjust: 0.5;
}

        
        
          
        
      

The height of lowercase letters for the code will be 0.5 of the font size, which is 8 pixels.

The value can be a positive integer or decimal number without units of measurement. This number is the ratio to the value of font-size of the element.