• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

My Monkey Do

A Log of Coding Solutions

  • Home
  • Web Hosts
  • Tools
  • About

Font not showing properly in IE 8

December 6, 2013 by Webhead

Problem

I’m using a google font that works fine in the menus, but seems to have a shadow of some sort in the content.  I set the font color to white and i still see some sort of outline.  I have tried to set outline, text-shadow, font-variation, border, even ms-filter’s dropshadow to 0, none, not enabled.  And nothing works.

 

Solution

The problem was the ms filter DXImageTransform.Microsoft.Shadow.  This was set on the div container.  I didn’t know it would apply to the fonts within it!  I had to pretty much take it off for IE 8 using style sheet conditionals:

-ms-filter: “progid:DXImageTransform.Microsoft.Shadow(enabled=false)”;

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).  So the only solution was to set it on the container that previously set it.

Filed Under: Coding Tagged With: IE crap

Primary Sidebar

Topics

apache apple block editor chrome cms css debug eCommerce embed firebug firefox git gmail goDaddy google hosting htaccess html html 5 IE crap image iPad iPhone javascript jquery linux localization mac os x ms sql mysql open source optimize php php 5.3 responsive rest api seo svg tinymce woocommerce wordpress wpengine xss yii youtube




Categories

  • Coding
  • Off the Shelf
  • Plugins
  • Random Thoughts
  • Server Stuff
  • Tools