Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Font Size

CSS Font Size

The CSS font-size property sets the size of the font.

Font Size Values

Keyword values: xx-small, x-small, smaller, small, medium, large, larger, x-large, xx-large, xxx-large, math.

Length values: 10px, 1rem, 2em, 1cm, etc.

Percentage values: 10%, 30%, etc.

Global values: inherit, initial, revert, revert-layer, unset.

					 
        
          /* keyword values */
          font-size: xx-small;
          font-size: x-small;
          font-size: smaller;
          font-size: small;
          font-size: medium;
          font-size: large;
          font-size: larger;
          font-size: x-large;
          font-size: xx-large;
          font-size: xxx-large;
          font-size: math;
          
          /* length values */
          font-size: 12px;
          font-size: 0.8em;

          /* percentage values */
          font-size: 80%;

          /* Global values */
          font-size: inherit;
          font-size: initial;
          font-size: revert;
          font-size: revert-layer;
          font-size: unset;
        
      
CSS Font Weight

The CSS font-weight property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.

Font Weight Values

Keyword values: lighter, normal, bold, bolder.

Numeric values: 100, 200, 300, 400, 500, 600, 700, 800, 900.

Global values: inherit, initial, revert, revert-layer, unset.

					 
        
          /* Keyword values */
          font-weight: lighter;
          font-weight: normal;
          font-weight: bold;
          font-weight: bolder;

          /* Numeric keyword values */
          font-weight: 100;
          font-weight: 200;
          font-weight: 300;
          font-weight: 400; /* normal */
          font-weight: 500;
          font-weight: 600;
          font-weight: 700; /* bold */
          font-weight: 800;
          font-weight: 900;

          /* Global values */
          font-weight: inherit;
          font-weight: initial;
          font-weight: revert;
          font-weight: revert-layer;
          font-weight: unset;
        
      

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved