html - Font too bold in IE10 -
i have html table headers made bold using css "font-weight:bold". looks fine in chrome, firefox , ie10 in ie8 mode, when visit page in ie10 in ie10 mode text far bold.
how fix this?
*{ font-family: arial, helvetica, sans-serif; font-size: 12px; } .widetableheader{ font-weight:bold; }
to target ie10 need use javascript, they've dropped conditional comments. (thank stereoscott pointing out) here's quick way using jquery:
if ($.browser.msie && $.browser.version == 10) { $("html").addclass("ie10"); }
if ie9 or lower, recommend doing conditional comments.
to this, first setup style sheet specific ie10, you'll run other things weird in ie ie best browser @ breaking code , making things bad.
<!--[if ie 9]> <link rel="stylesheet" type="text/css" href="ie10.css"> <![endif]-->
now within style sheet specify font-weight, apply ie 10:
.widetableheader{ font-weight:500; }
manipulate number in font-weight till fine in ie.
good luck, , let me know if have questions :)
Comments
Post a Comment