Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
Finalize assignments: Chapter 6. Fonts #7
Due date: To help us stay on schedule, please complete the action items in this issue by June 3.
Current list of metrics:
The metrics should paint a holistic, data-driven picture of the web fonts landscape. The HTTP Archive does have its limitations and blind spots, so if there are metrics out of scope it's still good to identify them now during the brainstorming phase. We can make a note of them in the final report so readers understand why they're not discussed and the HTTP Archive team can make an effort to improve our telemetry for next year's Almanac.
Next steps: Over the next couple of months analysts will write the queries and generate the results, then hand everything off to you to write up your interpretation of the data.
referenced this issue
May 23, 2019
This is a bit of a crossover with #9 but, for sites using Google Fonts... what percentage of them use 1 font, 2?, 3?, 4? Font here meaning a query for
Would like to see how this relates to overall page speed as well.
@davelab6 @zachleat We're hoping to finalize all chapters today. I still need a couple of things from you. Please go to https://github.com/HTTPArchive and accept the invitation to join the Authors team. This ensures that you get author-specific communications, I can assign issues to you, and you can edit issues like this one. Once you've done that, could you edit #7 (comment) and check off the remaining items on the TODO list when you're happy with them? I've updated it with the latest metrics in the brainstorming doc.
For these metrics, what exactly is the quantifiable measurement? For example we're hoping to get a list of things that represent the state of fonts: web vs system, top fonts, adoption of optimization techniques, etc.
Hoping to have a list of 10 or so of these kinds of "state of fonts" metrics by the end of today.
I’ll just leave my pipe-dream ideas of metrics I wish we could have and y’all can just shoot them down:
I think the ones y’all have above are good.
I seriously doubt this is available but I’d love to see info on font file internals too: maybe we can look at OpenType Features from CSS use (though some of these are on by default)? Hinting, kerning, ligature use
Thanks again for your patience with me on this @rviscomi - hope the below is the kind of thoughts you were seeking.
So, the list at the top was as of this comment:
For measuring latency gains on existing families, we'd need historical data. We'd then need to start with the list of sites that are using a variable font with a
For measuring an increase in "typographic expression" and "new ways to make quality text typography", I have some proposals for quantifiable measurement. We'd need to know what
First, we need a list of how many pages in the HTTPArchive link to a variable font via
Second, we need to know, of those pages linking to a VF, how many are using the 4 font selectors that select on a variable font family, per page, and per domain. There's likely to be a certain margin of sites linking and not using VFs for styles outside what was available before. It might be interesting to find out, of pages linking to a VF, how many pages use
Third, if we segment that list of all the
Forth, the list of all the
I think "web vs system" and "local vs hosted" are the same concept?
Just having a rank of the web's most popularly used fonts is interesting; I'd also be interested to see the list segmented by providers - top fonts chosen from the libraries of Google Fonts, AdobeFonts/TypeKit, Cloud.Typography, FontStand, etc - and also the top self-hosted fonts (so subtracting all the mentioned services.)
I guess this is the next 2 points:
There hasn't been any new "web font" formats in a long time. What I think may be interesting to see is that SVG and even EOT and raw TTF are going away, replaced with sites only supplying WOFF and WOFF2 formats.
OpenType 1.7 introduced 4 different color font formats, and the colorfonts.wtf site is a great explainer on the details. Seeing a graph of how many sites are using fonts with each of these color tables inside could be interesting - it would mean similarly loading the font binaries to read their table data, although in this case just seeing if certain tables exist.
Font-Display is great, and it would be very interesting to see which values are being set for that property over time :)
Are there other optimization techniques? Perhaps, placing a single Google Fonts
That also could be quite interesting - especially the tip of the head of that graph... The web's most fontastic page :D
This would also be great to include in the survey of the state of optimization techniques adoption.
Yes, I think that will be interesting; I suspect a lot of people link to fonts in their HTML, but don't actually use them in their CSS (as it were.) However, I believe that only old bad MSIE versions would actually download unused font data, lol
I suspect that sadly the number of people who do not use any Italics, when they are available, is rather high - perhaps on latency concerns - or perhaps because they see
There were so many versions of Bulletproof syntax; I wonder that perhaps it might be interesting to catalog a few styles of Bulletproof that are out there; the one with the smiley unicode and such.
As I mentioned, I know nowadays that some people like to just do WOFF and WOFF2 only.
I'm pretty some FontAwesome has AWESOME popularity and will show up that way. I expect Material Design Icons may also rank high enough to show up that way. A whitelist of known icon font family names would not be to hard to come up with; I'm happy to run down a sheet of even a few thousand
Yes, would be great to see how font preloading is being adopted.
YES! Range size would be very interesting.
I would be very keen to see some kind of heatmap of how often unicode characters are included in unicode-ranges; the size of unicode can be quite challenging to get one's head around - eg, https://ian-albert.com/unicode_chart/ has a "complete" Unicode chart as a 100mb TIFF (22,017 × 42,807 pixels :)
Also very interesting!
Again, I think for all these, segmenting the web fonts services from self-hosted folks doing their own thing would be interesting. Google Fonts has been using unicode-range extensively for years and its the underlying/enabling technology for Google Fonts' CJK web fonts, and I am very curious what other people do; whereas the nature of Google Fonts's architecture, with the API on googleapis.com and the TTFs on gstatic.com, means preconnect isn't possible.