Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #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>

    #761013

    you lost something – try this in htaccess file: Link

    <FilesMatch "\.(ttf|otf|woff)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
    </FilesMatch>
    #761048

    That didn’t work.
    And we’re not getting a “loading error” in the browser console. So, it must be something else.

    #761239

    can 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.

    #761713

    Guenni007 – 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.

    #762205

    I really need some help with this. It’s a live website.

    #762321

    Hi,

    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 Torvik

    #762777

    It’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>

    #762801

    Hi,

    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 Torvik

    #763940

    please 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>
    #765972

    Hey!

    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!
    Ismael

    #805521

    Sorry, 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,
    Christian

    #805956

    Hi Christian,

    Just wanted to clarify, you got the problem fixed?

    Best regards,
    Rikard

    • This reply was modified 6 years, 9 months ago by Rikard.
    #830317

    Hi 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?

    #830328

    I did the Enable CORS and nothing works.

    #830340

    Hi!


    @edgelogos
    They show up fine on my end – http://i.imgur.com/VimCkC8.png

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Regards,
    Yigit

    #830725

    Hi,
    They may but I’m still getting people saying that they do not see them and still get the chinese text. See below.

    #831754

    Hi 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,
    Rikard

    #838535

    Hi,

    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
    Tom

    #838721

    Hi 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,
    Rikard

    #870858

    I’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/jU4MyG

    #870863

    Hi!


    @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

Viewing 22 posts - 1 through 22 (of 22 total)
  • You must be logged in to reply to this topic.