WordPress.org

Support

Support » Themes and Templates » @font-face works in IE but not in FF

@font-face works in IE but not in FF

  • I have integrated wordpress into an existing site. Everything looks good except the font. The font family is rendering using the @font-face property in IE just fine but not in Firefox. The font does render in all browsers on all other pages of the site. Any suggestions?

    http://www.watchthebirdyphoto.com/blog

Viewing 3 replies - 1 through 3 (of 3 total)
  • UPDATE:

    I added a font folder to the theme directory and then pointed the @font-face to that using a relative path. It works! Still curious as to why it does not work with the absolute path to the original font location…

    ritzgirl

    @ritzgirl

    oh, here you are – this helped me out by the way – thx

    this finally worked – I couldn’t get any difference from using relative links in firefox – I found this code on someone’s site, but don’t have the link sorry – but it does work. I use a number of different fontfaces from this same neue family all generated at font squirrel – so I needed to replicate this snippet for each one.

    fyi when I was using php pages without wordpress the absoulute link worked fine for firefox.

    anyway,

    @font-face { /* for non-IE */
    font-family:HelveticaNeueLT25UltLightRegu;
    src:url(http://:/) format(“No-IE-404”),url(neue/helvetica_lt_25_ultra_light-webfont.ttf) format(“truetype”);
    }

    I’ve actually only tested this in the latest ff, chrome and ie – haven’t even installed safari / opera yet – just got a new puter last week at the same time I was changing over to wp. cheers, hope this works for someone,. B

    I solved the problem by sending the right HTTP Header… if you guys are interested, here’s the blog post.

    http://zippykid.com/blog/2010/12/using-font-face-with-a-cdn-and-firefox/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘@font-face works in IE but not in FF’ is closed to new replies.
Skip to toolbar