title: How to fix a CORS error for a custom font?
body: <p>A custom font I've uploaded isn't showing on Firefox or Chrome, although it's working on Safari and mobile devices. I'm getting a CORS error "CORS policy: No 'Access-Control-Allow-Origin'".</p>
  
  <p>Could it be the stylesheet link?</p>
  
  <p>(link rel="stylesheet" type="text/css" href="http://go.pardot.com/l/752313/2019-06-15/pfv/752313/4021/1711_JKVABE.css")</p>
  
  <p>Here is the link to the page: <a href="http://go.pardot.com/l/752313/2019-06-07/g4s" rel="nofollow noreferrer">http://go.pardot.com/l/752313/2019-06-07/g4s</a></p>
  
  <pre><code>    @font-face {
          font-family: 'Canela Web';
          src: url('http://go.pardot.com/l/752313/2019-06-15/pfs/752313/4019/Canela_Regular_Web.eot');
          src: url('http://go.pardot.com/l/752313/2019-06-15/pfs/752313/4019/Canela_Regular_Web.eot?#iefix') format('embedded-opentype'),
               url('http://go.pardot.com/l/752313/2019-06-15/pfn/752313/4015/Canela_Regular_Web.woff2') format('woff2'),
               url('http://go.pardot.com/l/752313/2019-06-15/pfq/752313/4017/Canela_Regular_Web.woff') format('woff');
          font-weight: 400;
          font-style: normal;
          font-stretch: normal;
          }
  
      .Canela-Regular-Web {
          font-family: 'Canela Web';
          font-weight: 400;
          font-style: normal;
          font-stretch: normal;
          }
  </code></pre>