Specify different font values for different browsers?

  • Is there a way to specify different values for <h2>, <h3>, and so on for IE, Firefox, and Safari?

    Basically, I want the font to look the same in all browsers, and nothing else seems to work or even come close. Using <h2, h3, etc.> gets the font looking the same, but the size varies a LOT between browsers.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi

    The best approach is to design in Firefox. There is a system in place for adjusting for Internet Explorer. Safari I think is a bit trickier and I am not up on how to do that.

    Here are two articles on how to do this in IE, called Conditional Comments
    https://www.javascriptkit.com/howto/cc2.shtml
    https://www.divitodesign.com/2009/03/css-conditional-comments-guide/#readmore

    I should add – you declare your theme stylesheet first in header.php

    Then you declare the IE tweaks in the conditional comments.
    Because of how CSS works, anything declared after a prior declaration overrides the previous declaration. So when you redefine <h2> in ie.css it overrides the prior declaration in style.css.

    All you need to put in the file are the few tweaks you need for IE. IE will use the main stylesheet for any settings not specified in ie.css

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Specify different font values for different browsers?’ is closed to new replies.