HTML & CSS
I am working with Cufon's font rendering to make non-standard fonts appear on my site, however, I am noticing that Safari is the only browser not rendering the line-height property correctly. I believe it has something to do with Cufon. But easily you can tell that Safari is adding extra spacing between the line even when line-height isn't used. The areas in question are the #testimonials p div and h3.fontface in the site. Has anyone encountered this issue before?
I'm not seeing a difference in the line-height of the testimonials. I measured the height between lines and they look exactly the same.
I am seeing a difference in the width of the lines of text which is always the case between browsers and thus Firefox runs onto a few more lines that Safari does.
If you increases the width of the testimonial box a little then both safari and Firefox render that block of text at exactly the same height.
Okay thank you that does look better.
This topic is now closed. New replies are no longer allowed.