But a 3 pixel line-height is strange, you may need to accommodate by adjusting the margin-top if it goofs up your layout. line-height 20px safari drops the bold 1 pixel while firefox renders normally, the opposite of your problem).Įxcept at a 3 pixel line-height, both render the same. FF will drop the bold element 1 pixel at some line-heights and safari will drop it at the exact opposites! (i.e. The font-size 14px makes it near impossible. If you have CSSEdit (or refresh a lot) you can watch the behavior by incrementing the line-height 1px at a time. Targeting the line-height can fix this, but not sure if it's the culprit. Is there any way to fix this e.g with some CSS, other than to go quietly cry in the corner and use Arial (which I'd not want to do - I'd stay with Helvetica Neue if I could). Left is Safari 3.2.3, right is Firefox 3.0.10. On Firefox/Mac, there is a 1px baseline difference between the bold and non-bold texts. On all browsers but Firefox/Mac, it renders correctly, i.e bold and non-bold text are on the same baseline. Font-family: "Helvetica Neue", Arial, Helvetica, sans-serif
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |