Custom Webfont doesnt work in Chrome and Firefox

[weodeo]

Hey Guys,
my local embedded google font "abel" doesnt work on desktop in the browser chrome and firefox. Instead there is an placeholder font. Why?
And if this cant be solved, is there a way to change the placeholder font to "Arial" or an non serif font?
Strangely enough the font works correctly in Safari and on iphones.

The site ist: gebrüder-wessa.de

Thanks a lot!

[Richard]

Dear @weodeo

In your CSS its correct that you have 'abel' as your font:

However in your Console i can see that its being blocked:

https://www.google.com/search?q=CORS+policy%3A+No+'Access-Control-Allow-Origin'+header+is+present+on+the+requested+resource.&oq=CORS+policy%3A+No+'Access-Control-Allow-Origin'+header+is+present+on+the+requested+resource.&aqs=chrome..69i57.1249j0j4&sourceid=chrome&ie=UTF-8

Talk soon
Richard

[weodeo]

Dear @Richard
thanks for your response!

Thats interesting.. So .. is there a way to fix it?
Ive never heard about CORS policy, google says that you need an browser addon, but thats not very practical :(

Any tips?

Best
Denns

[felix_rabe]

@weodeo if you have a ttf or otf file of the font, convert it to woff with an online font converter. delete the font-file you are using and replace it with the new file and see if it works.

[Richard]

Dear @fr

Thats a great idea, of course! - Thank you : )

Best
Richard