By Ilya Grigorik on September 16, 2014 A "webfont" is a set of resources, not just a single download. A single resource that includes all stylistic variants, which we may not need, plus all the characters, which may go unused, would simply be too large — tens of megabytes for a font with good unicode and stylistic coverage! As a result, the CSS @font-face rule allows us define a font family that i
![Optimizing Webfont Selection and Synthesis - igvita.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d614c303f9a7d098bd309588e4743973d65a55e/height=288;version=1;width=512/https%3A%2F%2Fwww.igvita.com%2Fposts%2F14%2Fopen-sans-comparison.png)