Stoyan Stefanov avatar Stoyan Stefanov

How many bytes is “normal” for a web font: a study using Google fonts

Screenshot of “How many bytes is “normal” for a web font: a study using Google fonts”

So here it is, folks, a web font file that supports extended Latin characters, your Às and your Ás and Â, Ã, Ä, Å... should weigh around 20K. Anything a little over (or a lot over) 20K is up to you to decide. Is the font worth it, can it be subset, etc, etc.

Here's the subset I used for some French sites I worked on, where there is no user-generated content (really safe with 276 characters):

 !"#$%&'()+,-./+,-./0123456789:;<=>?:;<=>?@ABCDEFGHIJKLMNOJKLMNOPQRSTUVWXYZ[\]^Z[\]^`abcdefghijklmnojklmnopqrstuvwxyz{|}~z{|}~€‚…ˆ‹Œ‘’“”•–—˜™›œ£¨©«®´»ÀÂÆÇÈÉÊËÎÏÔÙÛÜàâæçèéêëîïôùûüÿ £¨©«®¯°±²³´µ·¹º»¼½¾ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÑÒÓÔÕÖ×ÙÚÛÜÝàáâãäåæçèéêëìíîïñòóôõö÷ùúûüýÿŒœŸˆ˚˜–—‘’‚“”„•…‹›€™

Here's the larger subset (375 characters) I currently use on my photography site, where I have many characters from non latin languages (Arabic, Berber, Chinese, Georgian, etc.), but still no user-generated content. The font weights 39 KB, and is updated regularly:

 !"#&'(),-./0123456789:;?aAbBcCdDeEfFgGhHIiJjkKlLmMnNoOPpqQRrsStTuUvVWwxXyYzZ °×Àà áâäÅåçèéÉêëíÎîïñóôÖúûāīœšƒʿάΉήαβΓδΕεηΚλμορστύأابتدرسصطغـقكلنهويَِْაბდევთიკლმნორსტუქყცწხჯṭẓ‎–’“”…ⴰⴳⴷⵉⵍⵎⵏⵔⵙⵟⵢⵥ仔佛保動壇大天張拳波

The subset doesn't render properly here, because some characters are not supported by the font used for this site.