CODEWITHSUNDEEP
htmlcssgoogle-chromefirefoxfont-size
Mike
Mike

Reputation: 183

Different font size in Firefox vs. IE & Chrome

my website in developing process looking in Mozilla Firefox with same font-size declaration, margin & padding and different font-families always a few smaller than in Google Chrome or Internet Explorer.

For example letter "O":

IE: 27 px height
Chrome: 27 px height
Firefox: 24 px height

All developer tools show font-size:38px;. I've also tried to fix the issue with em values. But it's the same issue.

Any ideas how I can find out where the issue is?

Different font size Chrome Different font size Firefox

Upvotes: 1

Views: 1844

Answers (1)

satanand
satanand

Reputation: 78

i think this would be help for you.

<html>
<head>


<!--[if IE]>
<style>
body{
background-color:red;
}

</style>
<![endif]-->

<style>
@-moz-document url-prefix() {
body{
background-color:green;
}
}
body{ 
background-color:yellow;
}
</style>

</head>

</html>

Upvotes: 1

Related Questions