Home › Forums › CSS › Font display issues on different browsers/computers › Reply To: Font display issues on different browsers/computers
September 12, 2013 at 8:49 am
#149828
jurotek
Participant
Hi there. Just want to point out that all your rem values for padding’s, margins and font sizes are calculated incorrectly. Because you have base font-size on html element set at 14 px your rem values should be: Here are few examples from your css
h1 {
font-size: 32px;
font-size: 2rem; /* should be 2.286rem */
}
h2 {
font-size: 24px;
font-size: 1.5rem; /* should be 1.714rem */
}
h3 {
font-size: 20px;
font-size: 1.25rem; /* should be 1.429rem */
}
h4,
font-size: 18px;
font-size: 1.125rem; /* should be 1.286rem */
}
h5 {
font-size: 16px;
font-size: 1rem; /* should be 1.143rem */
}
h6 {
font-size: 14px;
font-size: 0.875rem; /* should be 1rem */
}
On top of that, your headings are defined many times through out your css, plus I counted around 40 different font sizes declarations and you have lot of overqualified elements all over. It would benefit you greatly if you clean up and simplify that entire css file .