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?
@font-face works in IE but not in FF (4 posts)
-
good4alefty
Posted 3 years ago #
-
Posted 3 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...
-
ritzgirl
Posted 2 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
-
zippykid
Posted 2 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.
