google fonts font display

https://fonts.googleapis.com/css?family=Calligraffitti&display=fallback

Font Display Options

• font-display: block: flash of invisible text until the font loads
• font-display: swap: fallback font until custom font loads (flash of unstyled text) FOUT - flash of unstyled text.
• font-display: fallback: between block and swap. invisible text for a short time
• font-display: optional: like fallback, but browser can decide to not use custom font

Resources

• https://scotch.io/bar-talk/google-fonts-now-supports-font-display