I did a search for the issue that I am seeing, but could not find an entry referencing this problem specifically. Here is what is going on:
When I view my site (http://www.socialistmop.com) in IE8, “Bebas Neue,” one of the fonts that my theme Sahifa uses (via @font-face), will suddenly “jump” out of alignment once the slider (which uses jquery) loads. I’ve included a screenshot of the phenomenon below. The text will then magically “jump” back into correct position once I click on any word that uses the font. When I deactivate the W3 Total Cache plugin, the problem completely goes away and the fonts display perfectly in IE8.
I’ve done all kinds of searching and have come across many plausible root causes for the problem (e.g. jquery and font-face compatibility, opacity settings for IE, etc) to no avail. I have also disabled various W3 Total Cache settings one by one, but I am still at a dead end. Has anyone else come across this issue?
Thank you very much!
Here's a screenshot showing the font problem: