Does @font-face load all fonts to the browser

browser, browser-cache, css

Solution

Most of the browsers will download the font even if its not used. Its very likely though that they are being cached once downloaded.

It might be best if you take off the ones that are not used for speed purposes!

Problem

I've been starting to use `@font-face` in the last year or so seeing that most major browsers support it now. I usually just use 1-3 fonts max, but most often I include the italics version, bold and italic bold version, which can easily amount to a couple MBs of data minimum (depending on the font). Since I use EOT, TTF, WOFF and SVG to work in most browsers, the filesize augments. I don't want too much bandwidth (and load time) used, so I was wondering: if Firefox (or any browser) successfully loads the EOT version of the file, will that browser still download all 3 others or it will specifically ignore the rest? I know some of you might say "well, bandwidth nowadays...", but I still prefer to keep things minimal by habit.

Original source

Related problems