Font line spacing issue
Firefox on my Mac is displaying font line spacing very strange. All the other browsers I've tried are not having this problem right now.
The spacing between lines in text, even single lines if off a bit and it's making things look not vertically centered as well as body text lines are too close together. This affects every font, not just one. It's almost as if there's no padding on top of the text.
It's even messing up Google sites. E.g. Gmail labels aren't centered vertically with the text in them. In Google Reader the top of the second line in collapsed list view is visible when it shouldn't be.
What is going on? I tried reinstalling FF but its the same. I've rebooted, nothing. This all started after my Mac shut down from power failure.
An gyara
All Replies (3)
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
See also:
- http://forums.mozillazine.org/viewtopic.php?f=38&t=1461325 - snow leopard fonts (restart the font server)
No, it's not a corrupted font or other font issue, at least for my issue with Firefox's line spacing, which now that I think about it is probably not related at all to the original posters issue.
Anyways, the reason I know my issue isn't due to my font book or something else to do with my mac is because, first I tested on a different mac and then I tested with Adobe's Browser Lab and the problem exists in all version of Firefox for OSX only.
Use a font size of 130px and you start to see that Firefox bumps the baseline of the text up about 9-12 pixels compared with all of the other browsers (including FF on Win)
I spent the day trying to figure why my text formatting was frak'd up and it's not my font book, although that was a good initial guess.
ScreenShots: Firefox on OSX (notice it looks perfect) All Other Browsers (baseline is shifted down by 9 pixels)
- I develop on Firefox because it's awesome... however, I'm pretty sure all other browsers can't be wrong on this:-)
An gyara
I'm having the same problem in Firefox and Aurora builds. Line-heights get messed up, looks ok in the other browsers.
Text looks like it got shifted up.
https://skitch.com/checkerap/fm4wj/homepage-jagt.riskline.com
An gyara