Tagged: fontello, social icons
-
AuthorPosts
-
March 14, 2017 at 10:33 pm #761004
I’m having a strange problem where some of the Fontello icons are showing up as squares while others appear to be fine.
Please see the “Private Content” section for links that are and are not having this problem.
I’m running the latest version of WordPress and Enfold (and all plugins). I tried to add the following to my .htaccess file, but it had no effect:
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>March 14, 2017 at 10:42 pm #761013you lost something – try this in htaccess file: Link
<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
March 14, 2017 at 11:54 pm #761048That didn’t work.
And we’re not getting a “loading error” in the browser console. So, it must be something else.March 15, 2017 at 9:25 am #761239can you give me a link too – i’m participant as you but with over 1600 postings a bit skilled for enfold.
on your own site i can’t find some difficulties.March 16, 2017 at 4:07 am #761713Guenni007 – Thanks! This is a live site and we need to figure this out!
These are pages that are not working (but in different ways – one with square icons and one with missing/Asian character icons):
Here are pages that are working:
EDIT: Can you see these? I wasn’t expecting the links to be mini-embedded pages that aren’t clickable.
- This reply was modified 7 years, 9 months ago by dannablumenau.
March 16, 2017 at 9:06 pm #762205I really need some help with this. It’s a live website.
March 17, 2017 at 5:31 am #762321Hi,
If your icons are showing like this, it may be because of a CORS-related issue, here’s how to fix it: http://kriesi.at/documentation/enfold/enable-cors/
Best regards,
John TorvikMarch 17, 2017 at 11:29 pm #762777It’s still not working. This is my .htaccess file:
# BEGIN WordPress
<FilesMatch “.(eot|ttf|otf|woff)”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch><IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>March 18, 2017 at 4:00 am #762801Hi,
Please, take a look in this article:https://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems this should help you.
Best regards,
John TorvikMarch 21, 2017 at 3:06 am #763940please again the code to htaccess is:
<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
in contrast to your input (first you lost the first line now again one line is missing):
<FilesMatch “.(eot|ttf|otf|woff)”> Header set Access-Control-Allow-Origin “*” </FilesMatch>
and i don’t know if the place is the right one
do not insert code there – this is htaccess entry by wordpress itself – try this here:
btw: mod_headers.c is different to mod_rewrite.c !<FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ – [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>
March 24, 2017 at 7:57 am #765972Hey!
I checked the site today and I don’t see the CORS error. If the issue is still there, @Guenni007’s suggestion should fix it.
Cheers!
IsmaelJune 8, 2017 at 10:27 am #805521Sorry, flushing the cache solved the issue.
——
Hi, I have the same issue. The added code to .htaccess works fine for Firefox but still doesn’t fix the icons in Chrome. Any other thoughts?
Best regards,
ChristianJune 9, 2017 at 10:01 am #805956Hi Christian,
Just wanted to clarify, you got the problem fixed?
Best regards,
Rikard- This reply was modified 7 years, 6 months ago by Rikard.
July 26, 2017 at 7:41 pm #830317Hi there, we are having the same problem across multiple sites. Some users can see chinese and weird icons others cannot.
Is there a fix for this?
July 26, 2017 at 8:34 pm #830328I did the Enable CORS and nothing works.
July 26, 2017 at 8:54 pm #830340Hi!
@edgelogos They show up fine on my end – http://i.imgur.com/VimCkC8.pngPlease flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Regards,
YigitJuly 27, 2017 at 4:32 pm #830725Hi,
They may but I’m still getting people saying that they do not see them and still get the chinese text. See below.July 30, 2017 at 9:18 am #831754Hi edgelogos,
Thanks for that, though I think they are getting cached results then. Could you ask them to clear their browser cache and reload the page to see if that helps please?
Best regards,
RikardAugust 14, 2017 at 10:48 am #838535Hi,
I have the same problem but only in the avia layout architect element preview!
And: one of my own added fontello icons does not align well (display large icon above title) on mobile only (nexus 5x). the behaviour can not be reproduced in the element inspector of an desktop browser!
(first icon box on my start page see link in private)Thanks
TomAugust 14, 2017 at 3:59 pm #838721Hi gsTom,
Please open a new thread and include admin login details in private so that we can have a closer look at your installation.
Best regards,
RikardOctober 31, 2017 at 3:33 pm #870858I’m also having this issue, but it only seems to happen on iOS Safari as seen in the screenshots below. Icons load fine in Chrome for iOS.
https://ibb.co/k1hVsb
https://ibb.co/jU4MyGOctober 31, 2017 at 3:38 pm #870863Hi!
@armortech Please refer to this post – https://kriesi.at/documentation/enfold/enable-cors/ and if that does not help, please start a new thread under Enfold sub forum and attach temporary admin logins in private content field. If you post them here, it will be visible to creator of this thread as well.Cheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.