Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2009
    Posts
    78
    Thanks
    17
    Thanked 1 Time in 1 Post

    @font-face doesn't work on mac safari?

    I'm using the @font-face declaration in one small part of a site I'm building. I've tested it on Windows Chrome, FF, Safari, IE and it all shows fine. However, my client is telling me Arial is showing up instead of the font I've chosen and he's using Safari on a Mac. Is there something different I have to do in order for it to display right on a Mac Safari?

    Here is what I have now...

    Code:
    @font-face {
    font-family:'TrashHandRegular';src:url('TrashHand.eot');
    src:local('TrashHand'), local('TrashHand'), url('TrashHand.woff') format('woff'), url('TrashHand.ttf') format('truetype'), url('TrashHand.svg#TrashHand') format('svg');
    }
    
    #tweet {
    display:table-cell;
    font:18px/20px TrashHand, Helvetica, Arial, Sans-Serif;
    height:130px;
    padding-top:20px;
    vertical-align:middle;
    width:235px;
    }

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    @font-face works fine on Safari and Macs after v3.1.

  • #3
    New Coder
    Join Date
    Sep 2009
    Posts
    78
    Thanks
    17
    Thanked 1 Time in 1 Post
    Actually, I just tested the site on another computer and it looks like it's not showing. So I'm guessing the path to file is incorrect but then why would it work on my own computer? Also isn't the path to file relative to the style sheet path? If so, my code should be correct. Man, I'm confused!

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    You should use the bulletproof (smiley) method as Safari might screw up on the local declaration: http://paulirish.com/2010/font-face-gotchas/#smiley


  •  

    Posting Permissions

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