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];
      ....