google fonts local / download (+ MyFonts tweak)

• Got to https://gwfh.mranftl.com/fonts
• Enter fontname (top left)
• Select styles (e.g. bold)

• Customize folder prefix

  • /fonts/

• Download and save to web/fonts/

• Copy CSS text and paste it into web/css/custom.css right at the top

• Add "font-display: swap;"  (Google pagespeed)

  • @font-face {
      font-family: ...
      ...
      font-display: swap;
    }

• Add preload before css includes in apps/frontend/templates/_html_head.php

  • <!-- Preload fonts -->
    <link rel="preload" href="/fonts/xxx-regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/xxx-bold.woff2" as="font" type="font/woff2" crossorigin>

MyFonts remove count tracker

• web/fonts/my_name/my_name.js
  • Format/Beautify code

  • var count = document.createElement('script');
    count.type = 'text/javascript';
    /*count.async = true;
    count.src = '//hello.myfonts.net/count/286cf1';*/
    var s = document.getElementsByTagName('script')[0];
    ....