Docs

[fderooy]

Hi there!

I’m using a custom font in my website called SideWalk Cafe BF, which I managed to install following the instructions in this article.

Somehow, the font is displaying perfectly in Safari (you can see it in the red and black tags before some article title, as well as in the site logo), but not at all in Chrome. Any ideas of why this is happening?

Thanks so much in advance for your support!

Cheers.

[Christian]

Hey there,

There’s an issue with Cross-Site Origin Policy

Font from origin 'http://sociologialatinoamericana2.ucr.ac.cr' 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://www.sociologialatinoamericana2.ucr.ac.cr' is therefore not allowed access.

Please contact your web hosting provider to fix.

Thanks.

[fderooy]

Hi!

Thanks so much for the quick response. I’ll contact my hosting provider then. But just to clarify: do you have any idea what that means? Specifically “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.sociologialatinoamericana2.ucr.ac.cr’ is therefore not allowed access”. Is it a license issue with the font or something like that?

Thanks again!

Cheers.

[Joao]

Hi There,

Your host provider will no, but pretty much you are not allowed to load resources from other sources but your website.

Hope that make sense,

Joao

[fderooy]

Hey Joao, thanks a lot for the clarification! Although, my doubt remains sinxece the font that won’t show up in Chrome and Firefox is custommly installed and uploaded inside our own server, in a sub-directory called “fonts” under wp-content. So, in theory, the site should not be requesting anything to load from other sources, right?

Thanks, cheers.

[Rupok]

Hi there,

To know more about CORS, you can follow this – http://enable-cors.org/

Here is a guide to fix this – https://community.theme.co/kb/solutions-to-potential-setup-issues-font-awesome/

Cheers!

[fderooy]

Hi Rupok!

Thanks very much again for the help! I’m getting a Server Internal Error when I add the code provided in the guide you linked to my .htaccess file via FTP. The whole site stops working. What could that be?

I’m attaching a screenshot so you know what I’m seeing.

Thanks again,

Cheers.

[Friech]

Hi There,

Maybe your host does not allow this configuration, please contact your hosting if the issue has something to do with server configuration as they are the one who has control over it.

Though, I think the issue is on your @font-face declaration. Your actual site address is http://www.sociologialatinoamericana2.ucr.ac.cr/ but you try to load the font on this directory http://sociologialatinoamericana2.ucr.ac.cr/wp-content/fonts/

The http://sociologialatinoamericana2.ucr.ac.cr (no www) is not consider your domain, that is why you’re getting the cross-origin issue. Please check your @font-face declaration and correct it.

Hope it helps, Cheers!

[fderooy]

Once again guys: AMAZING! This resolved the issue with the font in Chrome! Thanks so, so much for the help!

This is why I’m so trilled to be a X Theme user!

Cheers. 🙂

[Prasant Rai]

Glad to hear that, feel free to get in touch with us regarding any further queries about the X Theme and Cornerstone.

[Author]

Posts