Have Geek Brain

Why font size doesn't work in IE7

I need to follow the code snippet and no matter what I set the font size IE7 won't listen at all! All other browsers work fine. Any ideas?

<html>
<head>
    <title>Test</title>


    <style type="text/css">
        * {margin:0;padding:0;font-size:3em;font-family:Arial;}

    </style>

</head>
    <body>
        <h1>A heading goes here</h1>
    </body>
</html>
0


a source to share


4 answers


It should work on every (decent) browser including IE 7.

I'm guessing this is an accessibility setting with your browser, maybe:



Tools -> Options -> General tab -> Accessibility -> "Ignore font sizes specified in pages".

+3


a source


Try the following:

a) Use firebug for style checking. Overridden styles are strikethrough as style in the right pane of firebug when checking the element.

b)



font-size: 3em !important;

c) Try setting the style on the element right now, just to check with

<h3 style='font-size: 10em;'>Test</h3>
0


a source


The "em" unit refers to the current font size. Since you are sizing all elements, what template should IE use?

You must either specify a list of elements where the style should be applied, or use a class.

0


a source


try using the commonly used reset.css. * The selector will slow down the rendering of your page. Usually you need to reset the items that appear as a block. http://960gs.com can help you with this.

0


a source






More articles: