WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. good4alefty
    Member
    Posted 4 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?

    http://www.watchthebirdyphoto.com/blog

  2. good4alefty
    Member
    Posted 4 years ago #

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

  3. ritzgirl
    Member
    Posted 3 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.

    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

  4. Vid Luther
    Member
    Posted 3 years ago #

    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/

Topic Closed

This topic has been closed to new replies.

About this Topic