Superscript “L” Symbol Sprinkled in text in Intern

问题:

I'm working on a site that is very text heavy and the site looks fine in Chrome, Firefox and Safari. But when I test it in Internet Explorer it has random scattered superscript "L" Symbols on the text. I looked back to the code to see if there was anything extra written in it causing the L but there was nothing. The main problem is on the homepage.

Here's the site: http://emilymagnuson.com/mynews2/index.html

And you have to look at it in IE to see the problem.

回答1:

Looking at the HTML of your website, you have extraneous characters in your text where the Ls are appearing. Your HTML specifies UTF-8. You need to be certain that your editor is saving your text in UTF-8 and not in something else. Deleting those extra characters should clear the problem. I was using Notepad++ as my editor, and they showed up clearly. I saw the Ls in Opera so it is not just an IE problem.

回答2:

Internet Explorer sometimes renders text differently than other browsers. My suggestion is to create a separate stylesheet specifically for IE. In that stylesheet only allow it to use serif fonts in the paragraph tags like this:

Enter this on the main CSS

<![if !IE]>
 <link rel="stylesheet" type="text/css" href="not-ie.css" />
<![endif]>

In the not-ie-css:

p {
 font-family: serif;
 }