• 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

502 apache apple bluehost bootstrap buddypress chrome cloudways cms css debug drupal eCommerce firebug firefox git goDaddy google google analytics google maps hacked hosting htaccess html html 5 icons IE crap image iPad iPhone javascript jquery linux localization mac os x ms sql mysql open source optimize php tinymce wordpress wpengine yii youtube




Categories

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