Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

jay berg
jay berg
31 Points

SSL

I know you covered this part but this is similar but in a whole other level. I am getting this message "Font from origin 'https://www.domain.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://domain.com' is therefore not allowed access."

How can I fix this.

1 Answer

Hard to say for sure without seeing the setup in more detail but one option may be...

If you control the server that the fonts are on and that server runs Apache...

Try adding add the following to your root .htaccess file.

<IfModule mod_headers.c>
    <FilesMatch "(?i)\.(eot|otf|ttf|woff)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>

The above basically sets a header that says these font files (eot, otf, ttf, and woff) can be used by anyone.

If it is possible to share a link that anyone can look at with developer tools; you will likely get more solutions. :D