Compressing fonts for using in web

css font-face webfonts
Sisir picture Sisir · May 21, 2011 · Viewed 34.5k times · Source

Can fonts be compressed someway before using as webfonts? I have a font file which is 150kB. Is it possible to compress it down.

And also if i call for both font .eot and .ttf will both be downloaded by browsers?

Answer

Jason Gennaro picture Jason Gennaro · May 21, 2011

If you use the FontSquirrel @font-face kit generator - http://www.fontsquirrel.com/fontface/generator - and choose the expert setting, you can manipulate the settings to achieve a little better compression.

Related questions

Use multiple @font-face rules in CSS

How can I use more than @font-face rule in my CSS? I've inserted this into my stylesheet: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: …

Read More
Why should we include ttf, eot, woff, svg,... in a font-face

In CSS3 font-face, there are multiple font types included like ttf, eot, woff, svg and cff. Why should we use all of these types? If they are special to different browsers, why is the number of them greater than the …

Read More
@font-face Blacklisted font

I've been using font-squirrel for quite sometime and was really happy with its generator and the @font-face method as it doesn't produce any FOUT. But recently a project came for development and when I tried to generate, it gave an …

Read More