Results 1 to 5 of 5

Thread: @font-face

  1. #1
    Join Date
    Jul 2010


    Hi All,

    I have a strange front-face issue.

    I have generated my font on font squirrel and linked to the files within my css as normal. It works on my local host and my own hosting server. However when I put it on my friends server it does not show the fonts correctly.

    The strange as it by using a little firefox add-on FOUNT the page is using the correct font at the correct size but it looks a lot larger in on this server only!

    I can PM a link over but don't like putting links on forums as this post then comes up in searches for my website. Never looks good

    Thank you,

  2. #2
    Join Date
    Jul 2012
    Stockport, Manchester, United Kingdom
    Can you send me the link i deal with font face everyday and have run into a few problems with it myself so ill take a look for you

  3. #3
    Join Date
    Jul 2012
    give us link , we can assist
    modification---- may be @williamsun comment are right you must check it and let us know
    Last edited by Ttawor.com; 07-29-2012 at 07:25 PM.

  4. #4
    Join Date
    Jul 2012
    I have run in to that problem before. It's displaying on your computer because you have that font installed on your computer. But when uploaded and defined in your css @font-face, or in a css by itself and @import in your main css, zap.

    Mine was a truetype font, but maybe it wasn't a true truetype font, or maybe the embedded font specs weren't up to snuff, I'm not sure, but it would not work over the Internet. I used a back-up font instead and everything's fine.

  5. #5
    Join Date
    Jul 2010
    Hi Williamsun,

    Well I converted the fonts using another system and not font squirrel and it still did not work. I then done some more searching and with a little help from chrome and it's developer tools I found that the server did not serve the fonts.

    Basically it was an MIME issue with the server and I needed to ask the host to add these:-

    WOFF – application/x-font-woff
    TTF – font/ttf
    OTF – font/otf
    EOT – application/vnd.ms-fontobject
    SVG – image/svg+xml

    And it all worked.

    Sorry not to post links but I work freelance and don't want my clients sites to show up on forums in google searches. I use forums to help me and hope I can also offer others help by posting the solutions.

    Thank you,

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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