{"id":1097,"date":"2013-12-06T18:32:41","date_gmt":"2013-12-07T04:32:41","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1097"},"modified":"2013-12-06T18:32:41","modified_gmt":"2013-12-07T04:32:41","slug":"font-not-showing-properly-in-ie-8","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/font-not-showing-properly-in-ie-8\/","title":{"rendered":"Font not showing properly in IE 8"},"content":{"rendered":"
I’m using a google font that works fine in the menus, but seems to have a shadow of some sort in the content. \u00a0I set the font color to white and i still see some sort of outline. \u00a0I have tried to set outline, text-shadow, font-variation, border, even ms-filter’s dropshadow to 0, none, not enabled. \u00a0And nothing works.<\/p>\n
<\/p>\n
The problem was the ms filter\u00a0DXImageTransform.Microsoft.Shadow. \u00a0This was set on the div container. \u00a0I didn’t know it would apply to the fonts within it! \u00a0I had to pretty much take it off for IE 8 using style sheet conditionals:<\/p>\n
-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(enabled=false)”;<\/p>\n
Trying to add that to a container within the container with a shadow cause a black background or black line (which i’m assuming is the shadow). \u00a0So the only solution was to set it on the container that previously set it.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[34],"yoast_head":"\n