Home/ Questions/Q 7781529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T19:15:22+00:00

I thought I had my head around this… Had it working many times before.

  • 0

I thought I had my head around this… Had it working many times before. This works fine in Chrome: 

@font-face {
    font-family: 'idealsans_book';
    src: url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.eot'); /* IE fix */
    src: url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.eot?#iefix') format('embedded-opentype'), /* another IE fix */
         url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.wof') format('woff'),
         url('http://staceyclarke.com.s3.amazonaws.com/idealsans_book.ttf') format('truetype');
    src: local('idealsans_book'),
        url('fonts/idealsans_book.woff') format('woff');
}

But doesn’t work in FF… I am using Paul Irish’s Bulletproof @font-face Syntax.

Please help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Took a look in Chrome and FF (all updated) and it looks like the font is working correctly for the most part. Take a look (chrome in background, FF on top)

    Font Face

    Perhaps it’s caching on your end. I did noticed some odd characters in FF though (see lower right hand corner, red circle). Could be charset.

    Also, take a look at this blog post I wrote about font-face in CSS3.

    Additionally, perhaps Google code help you out with their new font api.

    • 0