[Resolved] symbols change in different browsers

[Liana Ghazarian]

HI

I set the navigation item font to Arial and basically all other fonts are set to Arial in Customize section.

I my navigation menu in Chrome I see squares next to menu items, in Safari I see nothing but when I enter the customize mode I see a symbol pointing down, in Firefox I see squares with some symbols inside. On the phone it is something else. How can I correct this?

Thank you

[Tom]

Hi there,

This topic might help: https://generatepress.com/forums/topic/font-awesome-not-loading-correctly-on-alternate-domain/

[Liana Ghazarian]

If I understood correctly…
I copied the following to htaccess file, but i still see different symbols. I emptied cache, but i still see them.

# Allow access from all domains for webfonts.
<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|font.css|css)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>

[Ramesh Srinivasan]

Hi,

Also include Woff2 to the list if you’re loading it from CDN or alternate domain.

[Tom]

Good point, Ramesh.

Try this:

# Allow access from all domains for webfonts.
<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

[Liana Ghazarian]

Nope, I am still seeing squares.

[Tom]

Can you link me to your site?

[Liana Ghazarian]

Sorry forgot to give the address. It is kksenyak.am

[Ramesh Srinivasan]

I’m wondering why Font Awesome fonts are trying to load from here?

http://fonts.googleapis.com/fonts/fontawesome-webfont.woff2

It’s supposed to be loaded from your site, or from one of the free Font Awesome CDNs.. but not from Google certainly.

Pls try disabling the minification Plugin you’re using, for testing purpose. It may be redirecting fonts incorrectly.

[Tom]

Yea I’m not sure what’s going on there.

If you haven’t added any custom code, can you try #1 on this page?: https://generatepress.com/knowledgebase/debugging/

[Liana Ghazarian]

I am using W3 Total Cache to minify things. When i disables the plugin, this corrected the problem. No more symbols.

Should I just delete any entry with awesome fonts in my minify list?

[Tom]

Worth a shot 🙂

[Ramesh Srinivasan]

What Tom said.

Unless you set the CDN URL to something like “http://fonts.googleapis.com/fonts&#8221;, it shouldn’t redirect your fonts there. Is CDN enabled in W3TC? You can add woff, woff2, ttf, eot to exclusion list.

[Liana Ghazarian]

I added the exceptions and deleted any line with the word Font in minify commande. The squares disappeared.

Thank you.

[Ramesh Srinivasan]

Excellent. Thanks for the update.

[Author]

Posts