- This topic is empty.
July 25, 2012 at 9:35 pm #39068
so i’m trying to get the font ‘Quicksand Book’ to work on my site http://www.rahnedrop.com/blog and it’s not working in firefox, however it does seem to be working fine in chrome and safari, I’ve yet to try it in ie. What gives? this is the first time i’ve had problems with @font-face. I got the @font-face kit from font squirrel, by the way. i’ve also tried other fonts, reloading and converting the font etc, but to no avail. Maybe it’s this new version of firefox 14? but then font-face is still working fine on other sites i’ve done in the past. Any ideas?July 25, 2012 at 11:44 pm #106804
Nevermind, I guess? it inexplicably started working.July 29, 2012 at 2:36 pm #106970
So, it’s not working again… driving me crazy.July 29, 2012 at 3:11 pm #106971chrisburtonParticipant
Seems like it’s due to your CSS where something is overriding it.July 30, 2012 at 2:39 pm #107059
perhaps? anyone have any idea what that interfering CSS might be? it’s not exactly a big CSS file. I have noticed, however, that when I go to one of the pages, the correct font loads, and when I go back to the home page, the correct font is still loaded. but if I go to the site with a fresh page load, the font-face is ignored.August 8, 2012 at 1:28 pm #107525electricbrickcoMember
So, I’m having @font-face fonts not show up in certain versions of Firefox 14, but it’s fine in others. Even an absolute URI pointing to font file on the same server as the rest of the site seems to have no effect. What gives?August 8, 2012 at 2:05 pm #107530TheDocMember
I would recommend setting up a pen to isolate the issue. If the font works flawlessly on the pen in Firefox, then there must be something else on the page conflicting somehow.August 8, 2012 at 2:17 pm #107532electricbrickcoMember
Solved it, at least in our case.
Check your DNS settings in your registrar’s domain admin panel. We found that Firefox 14 has some strange exception for @font-face kits related to unqualified domains. On our sites that automatically redirect to a qualified URL (www.), the rendering issue doesn’t occur. On sites where the DNS settings allow the user to go directly to an unqualified domain, e.g. “myfancysite.com” , the @font-face is absent. This issue seems to affect FF14 Windows 32-bit and FF14 Mac 32- and 64-bit. FF14 64-bit for Win7 will automatically redirect to the qualified domain. We did some more testing and this also seems to occur in IE9.
EDIT: We set up a php redirect in the cases of both sites where we discovered the DNS wasn’t automatically driving to a qualified domain. Takes care of the disappearing @font-face issue w/o waiting for DNS to repopulate.
- The forum ‘CSS’ is closed to new topics and replies.