Font Loading Checklist
zachleat.com
zachleat.com
I accept that brochure-style websites genuinely benefit from being able to use the corporate identity’s prescribed typeface for prose, but for non-branded content-heavy pages such as blogs and, uh, “content” the actual utility provided is, in this commenter’s opinion, overrated.
A great argument against custom fonts on the web is that the “core fonts” have been designed for the screen, especially low-DPI environments - whereas I imagine a typical latter-day web-designer will be using a Retina-screen on a Mac - causing them to lose empathy for their 96dpi brethren who have to suffer with blurry and misaligned fonts on their webpages that were clearly designed for print, not screen, use.
I filter web fonts in my main Chrome profile and I’m in no hurry to re-enable that functionality.
It was difficult to explain to him that things he thought looked great would actually be a problem for many people.
For headings/titles where you want a specific font.. maybe some kind of trick with an svg+fallback text?
Web fonts often cause a noticeable delay of unreadable text for me, presumably because of not fantastic latency due to being in Thailand.
It's quite visible when refreshing without cache (Ctrl+F5 on FF under Linux/Windows).
- They make the page loading slower and consume bandwith
- It does not look the way I like it
- It can cause security issues
Without web fonts a lot of app style websites become a guessing game of which squiggly box does what. :/
Really, what Id like is an easy “functionality level switch”. Base level (default): article websites. minimal js, no mouse events, no keyboard events, no fonts, no css hover effects. Level 2: apps. Fonts, full css, more js, still some limitations. Level 3: full trust / compatibility mode.
If there’s any such plugin, I’m all ears. uMatrix is a step, but not exactly in the right direction.
Not a perfect solution though as people blocking webfonts are likely to block JS as well.