Webfont not working

[bora323]

Hello, I have installed a web font which I purchased but I noticed that the fonts are not reading on the browser. Can you please advise how to fix this?

[mariusjopen]

Dear @bora323
Can you post a link to our website?
Then we can have a look and inspect that.

Can you as well try to convert and upload the font again?

Best!

Marius

[bora323]

here is the website:
http://work.borashin.info/

[mariusjopen]

Dear @bora323
did you try another font?
Best!

Marius

[bora323]

yes, and it works with other fonts. I also checked on safari browser but looks like the suiss font is rendering fine on safari but not on chrome. Any idea what's happening here?

[mariusjopen]

Dear @bora323
I think it might be the font then.

Can you convert the font to a webfont with another webfont generator?

Best!

Marius

[bora323]

actually,, i don't think it's the font. I've purchased these web fonts from the font foundry. They also looked into it and told me that the site is currently blocking it:

Access to font at 'http://secureservercdn.net/166.62.110.232/b63.bc5.myftpupload.com/wp-content/uploads/2020/01/SuisseIntlMono-Regular-WebS.woff?time=1579511834' from origin 'http://work.borashin.info' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. (see screenshot attached).

Is this a server issue??


[bora323]

I just checked with my host server and looks like it's not their issue. They pointed out that this is your theme issue. Could you please check and help? Thank you.

[mariusjopen]

Dear @bora323
ok. We need to understand where the problem is.

Does the font work when you use it on a plain HTML website?

Is it possible (for test reasons) to convert it with a webfont-generator?

How do you embed the font? You upload it the way which LayTheme provides?

Best!

Marius

[bora323]

@mariusjopen hello, yes, the font works perfectly fine when i use it on a plain html website by referencing the font url to my server.

fyi - this font worked on my current laytheme before, and this is a recent issue...!

I currently upload the font by the method laytheme provides, so I goto layoptions > webfonts > upload

[bora323]

@mariusjopen oh, and this issue is only on chrome, not safari.

[mariusjopen]

Dear @bora323

I currently upload the font by the method laytheme provides, so I goto layoptions > webfonts > upload

Does it work?

Best :-D

Marius

[bora323]

i did that.... the issue is with chrome and any uploaded fonts are giving me issue by saying that there's CORS policy: No 'Access-Control-Allow-Origin'

Could you PLEASE help me with this?

[mariusjopen]

Dear @bora323
we have another look.

Best!

Marius

[arminunruh]

hey, well

• your .woff file is not http://work.borashin.info/ but it is on a different domain
• it seems there is a cdn in use "secureservercdn", maybe you have a cdn plugin installed, please disable it. it could either be a cdn plugin or a cdn option in your webhost control panel
• download that woff file and upload it through lay options -> webfonts with your cdn disabled

if that doesnt work please do the following:
please send me these infos to info@laytheme.com:

link to this topic
website address
username and password for your /wp-admin/ admin area
also send the .woff file to me attached to the email