@font-face works in IE but not in FF (4 posts)

  1. good4alefty
    Posted 5 years ago #

    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?


  2. good4alefty
    Posted 5 years ago #


    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...

  3. ritzgirl
    Posted 5 years ago #

    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.


    @font-face { /* for non-IE */
    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

  4. Vid Luther
    Posted 4 years ago #

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


Topic Closed

This topic has been closed to new replies.

About this Topic