top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

Which property is used to increase or decrease how bold or light a font appears in CSS and how it used?

0 votes
718 views
Which property is used to increase or decrease how bold or light a font appears in CSS and how it used?
posted Jun 27, 2017 by Ram Jana

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

font-weight

The font-weight CSS property specifies the weight (or boldness) of the font. It is used to increase or decrease how bold or light a font appears.

Syntax

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Values

normal
Defines normal characters. This is default.
bold
Defines thick characters.
lighter
One font weight lighter than the parent element (among the available weights of the font).
bolder
One font weight heavier than the parent element (among the available weights of the font).
100, 200, 300, 400, 500, 600, 700, 800, 900
Numeric font weights for fonts that provide more than just normal and bold.

Example

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

/* Keyword values relative to the parent */
font-weight: lighter;
font-weight: bolder;

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

/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: unset;
answer Jun 28, 2017 by Sisir Jana
...