Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin
<p>I am running a WordPress multisite blog and it is using SSL ... I am also using domain mapping for various sub blogs on the multisite network but the mapped domains are not on SSL ... I am having issues with the font I installed ... it is not loading on the mapped domain and In the console I am seeing this error </p>

<blockquote>
  <p>Font from origin '<a href="https://examplesite.example.com" rel="nofollow">https://examplesite.example.com</a>' has
  been blocked from loading by Cross-Origin Resource Sharing policy: No
  'Access-Control-Allow-Origin' header is present on the requested
  resource. Origin '<a href="http://examplesite.com" rel="nofollow">http://examplesite.com</a>' is therefore not
  allowed access.</p>
</blockquote>

<p>I am don't have any kind of caching service enabled (CloudFLare or MaxCDN). I am not sure what is the problem here ... Looking forward to your answers ... Thanks </p>