To change font size of heading using CSS, you can set the font-size
style property for the heading 2 elements with the values like 20px
, 2rem
, 1.1in
, etc.
The following is the typical CSS code to change font size of heading in HTML page using tag name h2
.
h2 {
font-size: 20px;
}
h2 {
font-size: 2rem;
}
h2 {
font-size: 1.1in;
}
We shall go through some working examples on how to change font size of heading using CSS. In the following examples, you may change the value of font-size and Run the code to visually observe the changes made to the Heading 2 elements.
This is an example on how to change font size of heading using pixels.
You may edit the following code, and click on Run button.
This is an example on how to change font size of heading using font size relative to parent.
You may edit the following code, and click on Run button.
This is an example on how to change font size of heading using inches.
You may edit the following code, and click on Run button.