SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Dec 2010
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cufon Safari Bug?

    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?


    The Site

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,855
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    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.

    Code:
    #testimonials {
        color: #363535;
        float: left;
       width: 258px;
    
    
    }
    Last edited by Paul O'B; May 10, 2011 at 11:30.

  3. #3
    SitePoint Member
    Join Date
    Dec 2010
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay thank you that does look better.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •