Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 30, 2015 at 4:11 am #388099
    tjpicasso

    Tried to add a font with @font-family. Didn’t get it right so gave up and restored my backed up css.

    Now the arrow and social icons on the header and footer show only squares.

    Thanks!

    *EDIT* Just realized that its a Chrome problem as it appears normal on safari and mobile devices.

    • This topic was modified 9 years, 9 months ago by tjpicasso. Reason: New info
    January 31, 2015 at 3:06 am #388673
    Andy

    Hey tjpicasso!

    you are using an old version of Enfold. Please update to v3.0.8.
    If that does not solve the issue, then please deactivate all plugins to see if one is causing a conflict.

    Cheers!
    Andy

    February 3, 2015 at 3:02 am #389819
    tjpicasso

    Hi Andy,

    Thanks for the reply. Ive disabled all plugins which hasn’t solved the problem. I tried updating the theme but I get the error message “Cannot create directory”. I do have a child theme, but I have activated the parent theme and tried updating that way but I still get the same error.

    February 3, 2015 at 5:47 am #389841
    Josue

    Hey!

    Try adding the following to your .htacess file:

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

    Cheers!
    Josue

    February 3, 2015 at 9:54 pm #390394
    tjpicasso

    Hi Jouse,

    Ive tried adding this before </IfModule>, before # END WordPress and after # END WordPress. This site is in a subfolder while the old site is currently on the root domain. Adding this code to the htaccess on the root and in the subfolder result in errors that only show the old site. Im guessing its messing up the redwrite rules that direct to index in the sub folder?

    February 4, 2015 at 1:38 am #390481
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('http://www.lukemarshallimages.com/shoot/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3');
src: url('http://www.lukemarshallimages.com/shoot/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'), 
url('http://www.lukemarshallimages.com/shoot/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'), 
url('http://www.lukemarshallimages.com/shoot/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'), 
url('http://www.lukemarshallimages.com/shoot/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg');
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; }

    Cheers! 
    Josue

    February 4, 2015 at 3:00 am #390489
    tjpicasso

    Hi Josue,

    Unfortunately that hasnt solved the problem. I ran with the font route though and removed my custom css font rules as well as turning off the social services and then re adding them.

    What else do you think could help?

    February 4, 2015 at 6:17 am #390518
    Josue

    Hi,

    Can you please hand me a temporary FTP account? i’ll attempt to fix it through .htaccess.

    Regards,
    Josue

    February 5, 2015 at 6:08 am #391067
    tjpicasso
    This reply has been marked as private.
    February 5, 2015 at 11:23 am #391167
    Josue

    It’s fixed.

    Regards,
    Josue

    February 8, 2015 at 11:35 pm #392799
    tjpicasso

    Hi Josue,

    Thank you so much for you help, its support like this that will keep me a customer!

    Just for the sake of learning what was the issue?

    February 9, 2015 at 1:50 am #392812
    Josue

    Hey!

    It was CORS not being enabled, i just added this code to the .htaccess file.

    Regards,
    Josue

    December 12, 2017 at 7:01 pm #888032
    die_chrissy

    Hi,
    I have the same problem. I added the code to the .htaccess but still.. just squares.
    Thank you!
    Christina

    December 12, 2017 at 7:24 pm #888045
    die_chrissy

    flushing browser cache and refreshing the page a few times solved the issue.

    December 13, 2017 at 7:08 am #888236
    Rikard

    Hi,

    Great, glad you got it working. I’ll close this thread for now since it’s old.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Social Icons turn to boxes after failed @font-family font change.’ is closed to new replies.