Hi, the fonts I use on my website are not working properly. I use the Custom Font “Nanami Pro Bold” for headlines and the Google Font “Raleway” as font for most of my content. Yet on some pages in some browsers both fonts are not displaying properly. The problem does occur on multiple but not on all pages.
This page is one example: http://www.theaterstarter-land.de/kirsten-2/
In Firefox everything is displayed properly: https://www.screencast.com/t/W4UtdVqULF
In Chrome the headline font (Nanami Pro Bold) is not displayed properly (on this page the font also does not work as the menu font, on other pages it does): https://www.screencast.com/t/Ybs14jwT
In Microsoft Edge the headline font is displayed properly but the content font (Raleway) is not: https://www.screencast.com/t/lC8zC4yy
On Mobile it is the Headline font again AND the Menu icons are missing: https://www.screencast.com/t/y2XiEqGnD
How can this issue be solved?
Hi,
From what I can see the Raleway font is loaded and applied properly, as it is a font available in the theme font selection screen. How are you loading the other font? If you load it in the theme panel custom fonts it should work.
However there are some errors in the console related to that font and also the theme icon font, they are not loaded
– http://prntscr.com/o3c3ko
You could try some suggestions to see if they work
– https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
– https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/
– https://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
– https://www.gomahamaya.com/fix-access-font-origin-blocked-access-control-allow-origin-policy/
Thanks
