├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Mandy Michael 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Font Performance Resources 2 | A collection of handy resources for understanding font performance on the web. 3 | 4 | ## Web Font Almanac 5 | - [HTTPArchive, 2024 Web Font Almanac](https://almanac.httparchive.org/en/2024/fonts) 6 | - [HTTPArchive, 2022 Web Font Almanac](https://almanac.httparchive.org/en/2022/fonts) 7 | 8 | ## Testing & Tools 9 | - [Webpage test](https://www.webpagetest.org/) 10 | - [wakamaifondue.com](https://wakamaifondue.com/), Roel Nieskens 11 | - [INP Debugger](https://www.debugbear.com/inp-debugger) 12 | - [Text Lab CSS Stats for Font & Text Properties](https://textlab.dev/tools/css-text-stats), Mandy Michael 13 | - [Slice Tools](https://github.com/source-foundry/Slice) 14 | - [Webfont Analyzer](https://tools.paulcalvano.com/wpt-font-analysis/), Paul Calvano 15 | - [Glyphhanger](https://github.com/zachleat/glyphhanger), Zach Leatherman 16 | - [Font Size Adjust Aspect Ratio Calculator](https://clagnut.com/sandbox/font-size-adjust-ex.html), Richard Rutter 17 | - [Perfect-ish Font Fallback](https://www.industrialempathy.com/perfect-ish-font-fallback), Malte Ubl 18 | - [CSS size-adjust Tester](https://textlab.dev/tools/css-size-adjust-tester), Mandy Michael 19 | 20 | ## Hosting 21 | - [Gaining Security and Privacy by partioning the cache](https://developer.chrome.com/blog/http-cache-partitioning), Google 22 | - [Shared cache is going away](https://www.jefftk.com/p/shared-cache-is-going-away), Jeff Kaufman 23 | - [Cache partitioning in Firefox and Chrome](https://www.peakhour.io/blog/cache-partitioning-firefox-chrome/), Peak Hour 24 | 25 | ## Variable Fonts 26 | - [VariableFonts.Dev](https://variablefonts.dev) 27 | - [VariableFonts.io](https://variablefonts.io) 28 | - [Slice Tools](https://github.com/source-foundry/Slice) 29 | 30 | ## Subsetting 31 | - [subsetting.xyz](https://subsetting.xyz) 32 | - [Unicode rande interchange](https://www.zachleat.com/unicode-range-interchange), Zach Leatherman 33 | - [Webfont Analyzer](https://tools.paulcalvano.com/wpt-font-analysis/), Paul Calvano 34 | - [Glyphhanger](https://github.com/zachleat/glyphhanger), Zach Leatherman 35 | 36 | ## Incremental Font Transfer 37 | - [Incremental Font Transfer W3C Working Draft](https://www.w3.org/TR/2024/WD-IFT-20240709/) 38 | - [Progressive Font Enrichment: reinventing web font performance](https://rwt.io/typography-tips/progressive-font-enrichment-reinventing-web-font-performance), Jason Pamental 39 | - [Incremental Font Transfer Demo](https://garretrieger.github.io/ift-demo), Garret Rieger 40 | 41 | ## Loading and Display 42 | - [Automatic font matching for minimal CLS tool](https://www.industrialempathy.com/perfect-ish-font-fallback/?font=Oswald), Malte Ubl 43 | - [Font style matcher](https://meowni.ca/font-style-matcher/), Monica Dinculescu 44 | - [Font Best Practices](https://web.dev/articles/font-best-practices), Katie Hempenius & Barry Pollard 45 | - [crossorigin=”anonymous”](https://words.getsubsecond.com/crossorigin-anonymous-98c9e866bc0c), Jones 46 | 47 | ### font-size-adjust / size-adjust 48 | - [Font Size Adjust Aspect Ratio Calculator](https://clagnut.com/sandbox/font-size-adjust-ex.html), Richard Rutter 49 | - [TextLab.dev Tools CSS size-adjust Tester](https://textlab.dev/tools/css-size-adjust-tester), Mandy Michael 50 | - [Codepen version of size-adjust testing tool](https://codepen.io/mandymichael/pen/YzmNxZy), Mandy Michael 51 | - [x-height tool](https://www.brunildo.org/test/xheight.pl), Bruno Fassino 52 | - [CSS size-adjust for @font-face](https://web.dev/articles/css-size-adjust), Adam Argyle 53 | - [Estimating the x-height of a font](https://jkorpela.fi/x-height.html), Jukka “Yucca” Korpela 54 | - [CanIUse font-size-adjust](https://caniuse.com/?search=font-size-adjust) 55 | - [CanIUse size-adjust](https://caniuse.com/mdn-css_at-rules_font-face_size-adjust) 56 | 57 | ## People 58 | - [Malte Ubl](https://www.industrialempathy.com/about/) 59 | - [Zach Leatherman](https://www.zachleat.com/) 60 | - [Monica Dinculescu](https://meowni.ca/) 61 | - [Richard Rutter](https://clagnut.com/) 62 | - [Paul Calvano](https://paulcalvano.com/about/) 63 | - [Roel Nieskens](https://pixelambacht.nl/) 64 | 65 | ## Mandy Socials 66 | - [@mandymichael@bsky.social](https://bsky.app/profile/mandymichael.bsky.social) 67 | - [@mandymichael@front-end.social](https://front-end.social/@mandymichael/) 68 | - [LinkedIn](https://www.linkedin.com/in/mandykerr/) 69 | 70 | 71 | 72 | --------------------------------------------------------------------------------