New to Typophile? Accounts are free, and easy to set up.
I created a simple sans-serif font for a personal web project I am working on, however, I have stumbled upon a problem with Firefox for Mac OS. "CHRSTPHR" (within an h1 tag) renders decently in most browsers except Firefox for Mac OS (V. 4 tested) in which it shifts down 10/15 pixels or so. I've checked my CSS thoroughly and can't seem to figure out the problem. Check out the last browser window in the following image:
I could just end up using an image for the header, but I am very curious about this inconsistency with the web font (web font was rendered using the Font Squirrel tool). I tried using a similar google font and it rendered with the same problem. You can also check out the demo project live right here: www.chrstphr.info/website/
Any suggestions or thoughts are much appreciated!