css how to change font size code example

Example 1: font size css

.class {
	font-size: 12px;
}

Example 2: html font size

<span style="font-size:20px;"></span>

Example 3: css change text size

p {
	font-size: 150% /*px, cm, in, etc.*/; 
}

Example 4: font size css

/* <absolute-size> values */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: xxx-large;

/* <relative-size> values */
font-size: smaller;
font-size: larger;

/* <length> values */
font-size: 12px;
font-size: 0.8em;

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

/* Global values */
font-size: inherit;
font-size: initial;
font-size: unset;

Example 5: how to change text size in css

.class{
  	font-size: 100%;
}

.class{
  	font-size: 20em;
}

.class{
  	font-size: 20px;
}

.class{
  	font-size: 20pt:
}

Example 6: css font size

// to scale font size in relation to its parent element
style="font-size: 2vw;"