The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Font display issues on different browsers/computers Reply To: Font display issues on different browsers/computers


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 */
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 .