CSS Fonts

font-family

    

/* serif | sans-serif | monospace | cursive | fantasy | system-ui */
font-family: sans-serif;
font-family: "Gill Sans Extrabold", sans-serif;


    

font-size

    

font-size: 1px;


    

font-weight

    

/* normal | bold | lighter | bolder */
/* 100 | 200 | 300 | 400 |500 |600 | 700 | 800 | 900 */
font-weight: bold;


    

font-style

    

/* normal | italic | oblique | oblique 1deg */
font-style: italic;


    

line-height

    

line-height: 2;


    

font

    

font: 18px sans-serif;


    

letter-spacing

    

letter-spacing: 1px;


    

word-spacing

    

word-spacing: 1px;


    

text-transform

    

/* none | capitalize | uppercase | lowercase | full-width */
text-transform: uppercase;


    

text-align

    

/* start | end | left | right | center | justify | match-parent */
text-align: center;


    

text-decoration-line

    

/* none | underline | overline | line-through */
text-decoration-line: underline;
text-decoration-line: overline underline;


    

text-decoration-style

    

/* solid | double | dotted | dashed | wavy */
text-decoration-style: solid;


    

text-decoration-color

    

text-decoration-color: #000;


    

text-decoration-thickness

    

text-decoration-thickness: 1px;


    

text-decoration

text-decoration is a shorthand for text-decoration-line, text-decoration-style, text-decoration-color, and text-decoration-thickness.

    

text-decoration: solid underline #000 1px;


    

text-underline-offset

    

text-underline-offset: 1px;