(SOLVED!) Problem with webfonts.

[ex_beautified302]

I've tried nearly everything I can think but it's just a no-go. The font only shows up on Chrome. Firefox and IE won't render it. I have the fonts in the exact folder that the @font-face CSS file is stored. Here's my CSS file, if it helps:

@font-face { font-family: 'adorable_ladyregular'; src: url('adorablelady.eot'); src: url('adorablelady.eot?#iefix') format('embedded-opentype'), url('adorablelady.woff') format('woff'), url('adorablelady.ttf') format('truetype'), url('adorablelady.svg#adorable_ladyregular') format('svg'); font-weight: normal; font-style: normal; } #title { font-weight: normal; font-family: 'adorable_ladyregular'; }

And the journal I'm trying to test it on is the one I'm currently posting from.

Edit - Solved! How I got it to work:

Looking at this entry and going to thoitaxh's journal, I saw they were able to do it through Dropbox. I tried using dropbox but it didn't work until I realized they were linking to it with the url that hitting "Download" gives you instead of the "Share" url. (I wasn't very familiar with Dropbox.) Then you have to remove everything in the url after the ".ttf" or ".eot" part. And now I got everything working fine, so I assume Dropbox has the .htaccess file to allow cross-domain embeds.

Thanks to everyone who helped me out.

Comments

[syntheid]

Firefox has some restrictions about displaying files, but might require DW to fix their .htaccess? Link for explanation. Not totally sure, though.

What's weird is my embedded fonts from Google are working in Firefox, so I'm not sure what's different there. Looking into it a bit more but maybe someone else will have a better explanation for you.

[ex_beautified302]

Yeah, that's what I don't get. Because I've used Google fonts quite frequently and didn't have much issue with them.

[momijizukamori]

It's actually not a DW-side thing, it's an other-server side thing! Mozilla blocks cross-domain font-embeds so your hosting side has to say to Firefox 'it's okay to embed these files other places!' by putting that stuff in .htaccess

Google already has their servers set up to say 'it's okay to embed these elsewhere' which is why they work without a problem.

[ex_beautified302]

Thanks a ton for this information—it kept me from going on more wild goose hunts with the codes and fonts I was using! I did figure out a way for me to do it using a different host and I'll make an edit about it in the post.

[momijizukamori]

You're welcome - I ran into the problem when I was working on some layouts last year :)