How to add custom fonts

You can add more fonts using Google Fonts by using the Code Injection feature.

1. Go to Google Fonts and copy the import code

Copy the code to import fonts from Google Fonts

Go to Settings > Code Injection, then paste the Google Fonts Code from Step 1

Paste in the code from Google Fonts to Settings > Code Injection

3. Update <style> to the page to use the new font

Below your pasted code above, add styling to the 

Copy the CSS font style from Google Fonts:

&display=swap" rel="stylesheet">

<style>  
    .content span {
      font-family: 'Dancing Script', cursive;    
    }
</style>

Here's how your Site Header should look like in the end:

Footer

SyncBlock-84

<script>
// function gtag_report_conversion(url) {
//   gtag('event', 'conversion', {
//       'send_to': 'AW-706989986/YQ1_CJ_pwdQCEKKfj9EC'
//   });
//  return false;
//  }

  window.onload = () => {
    // Get current query parameters
    let params = new URL(document.location).searchParams;

    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      // if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
      //  e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      // }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }
  };

</script>





<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f871bdf7-2c33-4fbd-bb5d-7e7ab05bea84"> </script>

How to add custom fonts.

1. Go to Google Fonts and copy the import code

2. Paste the code in Code Injection

3. Update <style> to the page to use the new font

🎉 Done