ex_beautified302: (Default)
beautified ([personal profile] ex_beautified302) wrote in [community profile] style_system2014-02-05 05:54 pm

(SOLVED!) Problem with webfonts.

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:



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 [personal profile] 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.
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2014-02-06 07:42 am (UTC)(link)
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.
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

[personal profile] momijizukamori 2014-02-06 06:13 pm (UTC)(link)

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