Since I added Bootstrap to my project which has font-size set to 62.5% in the HTML style, I have to review my .CSS file. First, according to what I read online, 62.5% is the "industry standard" but I don't understand why. So I accept it as such.
Prior to this "62.5%" I had/have my CSS define the body font size as 100% (as follows):
body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
Therefore when I set a font-size of some element as .80em the font is too small (.80 of .65 of 100% base font). So my question is,
is it a good practice to define the font-size of body to absolute value? For example, to 14px as:
body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
Then by setting certain element font-size to em or REM I will be able to better define and control font sized of my pages. Does it make sense?
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham