How to set font sizes for the blog?

Blogger has the following fonts and I decided to set them to the following values:

Major Heading h1 2.0 rem

Heading h2 1.9 rem

Subheading .post-body h3 1.8rem

Minor Heading h4 1.7rem

Paragraph .post-body 1.6rem

Normal .post-body 1.6rem



Normal Largest font-size: x-large;

Normal Large font-size: large;

Normal medium font-size: medium;

Normal Normal 

Normal Small font-size: small;

Normal Smallest font-size: xx-small;









h3.post-title{
font-size: 2.2rem;
margin-top: 2em;
margin-bottom: 2em;
}


.post-body h1{ // Major Heading
font-size: 2.0rem;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.post-body h2{ // Heading
font-size: 1.9rem;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.post-body h3{ // Subheading
font-size: 1.8rem;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.post-body h4{ Minor Heading
font-size: 1.7rem;
margin-top: 1.5em;
margin-bottom: 1.5em;
}


.post-body p { // Paragraph
font-size: 1.6rem;
line-height: 1.0;
position: relative;
}


.post-body div { // Normal Normal
font-size: 0.8rem;
}


As an Amazon Associate I earn from qualifying purchases.

My favorite quotations..


“A man should be able to change a diaper, plan an invasion, butcher a hog, conn a ship, design a building, write a sonnet, balance accounts, build a wall, set a bone, comfort the dying, take orders, give orders, cooperate, act alone, solve equations, analyze a new problem, pitch manure, program a computer, cook a tasty meal, fight efficiently, die gallantly. Specialization is for insects.”  by Robert A. Heinlein

"We are but habits and memories we chose to carry along." ~ Uki D. Lucas


Popular Recent Articles