Open In App
Related Articles

CSS font-size-adjust Property

Improve Article
Save Article
Like Article

The font-size-adjust property in CSS is used to adjust the font size based on the height of lowercase rather than capital letters and gives better control of the font size. It is very useful when the text has given multiple styles and has adjusted the font while changing in between those styles.


font-size-adjust: number|none|initial|inherit;

Default Value: none 

Property values: 

  • number: It sets the number to the font-size-adjust property.
  • none: It sets the default value.
  • initial: It sets the font-size-adjust property to its default value.
  • inherit: The font-size-adjust property is inherited from its parent.

Example: In this example, we are using the above-explained property.


<!DOCTYPE html>
        CSS font-size-adjust property
        .GFG1 {
            font-family: Times, serif;
        .GFG2 {
            font-family: Verdana, sans-serif;
        div {
            font-size-adjust: 0.58;
        CSS font-size-adjust property
    <p class="GFG1">
        GeeksforGeeks: A computer science
        portal for geeks
    <p class="GFG2">
        GeeksforGeeks: A computer science
        portal for geeks


Supported Browsers: The browser supported by font-size-adjust property are listed below:  

  • Firefox 40.0 and above

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 09 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials