html 用于Open Sans的Webfont Loader

Posted 2021-05-10

  <!-- Items to be placed in head -->
  

  <link rel="preconnect" href="//use.typekit.net/" crossorigin>


  <script src="//ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js" async></script>


  <script>
  
  /**
   * The follow JS can be placed in the head directly below webfont.js or placed
   * in an external file 
   */
        (function () {
            if (sessionStorage.fonts) {
                console.log("Fonts installed.");
                document.documentElement.classList.add('wf-active');
            } else {
                console.log("No fonts installed.");
            }
        })();

    </script>




<script>
/**
 *The WebFontConfig pobject loads Ropa Sans Pro and Open Sans from Typekit
 * we run a check to see if Localstorage is active. 
 * This can be please before the end body tag, or an external JS file
 */
 
        WebFontConfig = {
            custom: {
                families: [
                    'ropa-sans-pro',
                    'open-sans'
                ],
                urls: [
                    '//use.typekit.net/cdj8dtz.css'
                ]
            },
            active: function () {
                sessionStorage.fonts = true;
            },
            timeout: 2000
        };
    </script>