CSS Tips

Preload Bold version of font alternatives

  - When template system uses a cache buster (say Shopify liquid)
  <link href="{{ 'maisonneue-demi-webfont.woff2' | asset_url | split: "?" | first }}" type="font/woff2" as="font" rel="preload" />

  - When the above doesnt work because the a javascript initiated the download even if the file is downloaded already

    CSS: 
    .predload-maison-bold {
      font-weight: bold; 
    }

    HTML:
        ...
        <span class="predload-maison-bold"></span>
    </body>