CODEWITHSUNDEEP
macoscssfontsbaseline
william
william

Reputation: 11

Padding under font only on Mac

My horizontal nav bar and footer look perfect on PC, but when testing on Mac, the font is lifted about 30px above its position in the horizontal nav bar.

After trying every CSS reset and line-height adjustment, what finally worked on Mac made the font drop about 30px below its position in the horizontal nav bar on PC this time.

One Stackoverflow answer mentioned editing the glyph/baseline of a font.

I downloaded a free font editing program and noticed the characters inside of each respective square were lifted as if to have a 40px margin underneath, but I can't adjust the height of the baseline in the program.

Is there a free font manipulation program that will allow me to adjust the glyph/baseline of the font?

I appreciate your time in advance.

Upvotes: 1

Views: 707

Answers (1)

Darko Riđić
Darko Riđić

Reputation: 569

Try to generate your font via http://www.fontsquirrel.com/, and use the CSS for font-faces it gave you.

If the above does not work for you, try this:

Try to find out with JavaScript if the app is running on Mac. If so, load a new font-fix-mac.css file, where you will put margin-top:30px on all elements where the font is lifted above.

Upvotes: 1

Related Questions