SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot samg914's Avatar
    Join Date
    Nov 2009
    Location
    Boston, MA
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool @font-face crashes Firefox

    It seems that after hours of testing my CSS stylesheet, @font-face is crashing firefox. The weird thing is that when I remove the stylesheet and put it back in, it works again. Then it crashes after a few visits. Does anyone have any experience with this or ideas to fix it?

    Thanks in advance!

    -Sam

    fonts.css
    Code:
    @charset "utf-8";
    
    @font-face {
        font-family: 'ArimoRegular';
        src: url('../fonts/Arimo-Regular-Latin-webfont.eot');
        src: url('../fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
             url('../fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
             url('../fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'journalregular';
        src: url('../fonts/journal-webfont-webfont.eot');
        src: url('../fonts/journal-webfont-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/journal-webfont-webfont.woff') format('woff'),
             url('../fonts/journal-webfont-webfont.ttf') format('truetype'),
             url('../fonts/journal-webfont-webfont.svg#journalregular') format('svg');
        font-weight: normal;
        font-style: normal;
    	
    }
    
    @font-face {
        font-family: 'jrhandregular';
        src: url('../fonts/jrha-webfont.eot');
        src: url('../fonts/jrha-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/jrha-webfont.woff') format('woff'),
             url('../fonts/jrha-webfont.ttf') format('truetype'),
             url('../fonts/jrha-webfont.svg#jrhandregular') format('svg');
        font-weight: normal;
        font-style: normal;
    	
    }

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,114
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    I haven't seen that myself, but FF does seem to have more issues with @font-face than other browsers (if posts here are anything to go by). Does it happen if you try a different font?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,788
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Have you tried switching the font references around into a different order - perhaps the latest Firefox now has the same issues with that order as some of the other browsers that the arrangement you are using doesn't work with.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  4. #4
    SitePoint Zealot samg914's Avatar
    Join Date
    Nov 2009
    Location
    Boston, MA
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought that a different font could be the solution. So I replaced the main font () with a different one (). It worked initially when the new CSS file was uploaded, but then stopped working again.

  5. #5
    SitePoint Zealot samg914's Avatar
    Join Date
    Nov 2009
    Location
    Boston, MA
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, I just tried this, but with no success.

    Quote Originally Posted by felgall View Post
    Have you tried switching the font references around into a different order - perhaps the latest Firefox now has the same issues with that order as some of the other browsers that the arrangement you are using doesn't work with.


Tags for this Thread

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
  •