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