@font-face is not working in Chrome

Question

Recently a customer uploaded a website and the font that was set in the font-face stopped working. In test environment, it worked normally (the site was hosted on a cloud site, but in a Ubdomain).

Interestingly the font-face links are all correct, I adapted to the model fontspring bulletproff syntax and even then it still hasn’t worked.

http://www.unirg.edu.br/

Looking at the source code you can see the inline font-face at the end of the code, I put the external link because I was running some tests.

Does anyone have any idea what it might be?

Answer 1

Since you asked for a "tip" I will leave as an answer your problem.

You are having a restriction to index the font in the document due to CORS

Most likely if you put the fonts files like the Panton-Bold.ttf and Panton-Bold.woff on the same server where is the new site you will stop having this error and the font will load. Note that you are on the site http://www.unirg.ed searching for a source file that is in another domain http://cannes.com.br and most likely on another server. So by a security policy access is restricted. To avoid this, place the files directly in the unirg.ed folder on the same server.