Sans-serif font is displaying as italic in Firefox
This website is displaying incorrectly. The <h1> is displaying as italic. The CSS for <h1> is:
h1 {
font: 250% Helvetica, Arial, sans-serif;
color:#00C;
font-weight: 200;
text-align:left;
margin-left: 28%;
}
It displays correctly in other browsers.
This website is displaying incorrectly. The <nowiki><h1></nowiki> is displaying as italic. The CSS for <nowiki><h1></nowiki> is:
<pre><nowiki>h1 {
font: 250% Helvetica, Arial, sans-serif;
color:#00C;
font-weight: 200;
text-align:left;
margin-left: 28%;
}</nowiki></pre>
It displays correctly in other browsers.
Modified by cor-el
All Replies (3)
Such issues can be caused by duplicate or corrupted fonts.
You can do a check for corrupted fonts and other font issues:
- http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html - CreativeTechs Tips: Garbled Fonts Troubleshooting Guide
- http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
The answer to this lies in the font-weight... Change it to normal, bold or bolder and all is well.
It appears to be a bug at least in the Macintosh rendering of font-weights.
Thank you very much - I did finally figure this out after days of trial and error!