[HN Gopher] Fast Font Loading Techniques (2015)
       ___________________________________________________________________
        
       Fast Font Loading Techniques (2015)
        
       Author : Tomte
       Score  : 6 points
       Date   : 2022-08-10 18:18 UTC (2 days ago)
        
 (HTM) web link (davidwalsh.name)
 (TXT) w3m dump (davidwalsh.name)
        
       | _trackno5 wrote:
       | Missing an item in that list: Use a font that is present in the
       | computer by default :P
       | 
       | Most websites don't need a custom font.
        
       | pkrumins wrote:
       | The latest trick is to use the system font stack:
       | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe
       | UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        
       | politelemon wrote:
       | Due to site isolation, nowadays CDNs aren't as advantageous as
       | they used to be. So it's now a normal thing to just load the font
       | like any local JS/CSS asset, and set caching headers on it so the
       | browser can do the 'fast' bit for you, on subsequent loads.
        
       | alphabet9000 wrote:
       | it's ironic (but expected) that this blog post talking about
       | "fast font loading techniques" is riddled with problems: flash of
       | unstyled text, flash of invisible text, square boxes until glyphs
       | are loaded, difference in web font size causing the entire page
       | to shift upwards to compensate for new height:
       | https://i.imgur.com/Gxo5CUk.gif
       | 
       | shameless plug if you like these kinds of problems and want to
       | incorporate them onto your own webage:
       | http://hiccupfx.telnet.asia
        
       ___________________________________________________________________
       (page generated 2022-08-12 23:02 UTC)