I was just doing some speed tests on my site and noticed a significant slowdown ever since installing font-your-face, mainly due to the weight of downloading all 4 formats of the font - EOT, TTF, WOFF and SVG.

What should I do to minimize page load times? Can I ommit any of these formats? (Also, I couldn't even figure how to remove specific file formats - is it even possible without deleting the font and re-importing it?)

Thanks!

Comments

sreynen’s picture

sreynen commented

Only 1 of those 4 formats should be downloaded in any browser, the first one the browser can use. What browser are you using that downloads all 4? If you remove one of those formats, the font won't load at all in some browsers, so I wouldn't recommend that. There's currently no way to remove a file format other than re-uploading the font.

newmediaist’s picture

newmediaist commented

I noticed the files being downloaded from pingdom.com's website speed test, which I was using to measure the sites load speed pre and post redesign (redesign included implementation of font-your-face). It downloaded every font, but from what your saying it sounds like there is something wrong with Pingdom's methodology for their speed test. I';m going to do some different browser side testing to confirm -
Thanks for the quick response!

sreynen’s picture

sreynen commented
Status: Active » Fixed

Yeah, the CSS spec is clear that only the first usable font file should be downloaded, so it sounds like Pingdom just has a bug there.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.