Font Awesome icons not rendering on translated site
-
I am building a bilingual website translated with the Polylang plugin, using Qubely blocks for things like the accordion on the front page. On the site’s default language (english) page the accordion open icons (a ‘+’ sign rendered with a Font Awesome font) work fine. On the second language (french) front page, the fonts are blocked because the URL that references them is blocked by CORS policy because the URL to the font uses the default language domain name.
To make them render, I have had to turn off NGINX caching and add a blanket waiver of all things related to CORS to my .htaccess file.
I took the issue up with Polylang’s developers and they said it’s because the Qubely block renders the path to the Font-Awesome font file with a constant, rather than a WordPress function that Polylang could translate.
The site would be more secure and faster if Qubely would allow Polylang to translate the URL which is currently set with a constant.
Here’s the link to the Polylang developer’s explanation:
https://www.ads-software.com/support/topic/font-awesome-icons-not-rendering/#post-16109468
The page I need help with: [log in to see the link]
- The topic ‘Font Awesome icons not rendering on translated site’ is closed to new replies.