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

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -