I'm using google fonts, and am checking to see how large my WOFF2 file is in fact going to be.
So to test, I loaded a font via their API http://fonts.googleapis.com/css?family=PT+Sans+Narrow&text=hello and then looked at the output
@font-face {
font-family: 'PT Sans Narrow';
font-style: normal;
font-weight: 400;
src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://fonts.gstatic.com/l/font?kit=UyYrYy3ltEffJV9QueSi4VubgSqbO8GPta82DSsWGmo) format('woff2');
}
And then I physically downloaded the file http://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2
I was shocked to see that it is apparently over 2kb.
How can this be? it's just the glyphs for "hello".
To compare, I loaded the entire font (all glyphs, using the same technique, and that gave me a 37kb file.
Am I just naive to think custom fonts should be low file size? Or is there a way to get this compressed more? At this rate, I'm almost thinking, loading an SVG is better...