Hey Jessewpool,
I’m not sure why after cloning the site over from the original, the icons wouldn’t be working. When I make it home tonight from work, I’ll take a closer look at the new cloned site and why it may not be working.
I did a little re-write of the stylesheet for your theme, to allow for icons to work seamlessly with it. Maybe that got jumbled in the transfer? Either way, I’ll have a look and will hopefully have a resolution for you.
It looks like the icons are working on the original site in ALL browsers, but its just the cloned site that is causing issue.
Did you manually clone the site yourself? Or did you use a plugin to help you out?
I’m just trying to narrow down why it may be causing issues for you.
Thanks,
Evan
The one issue that I am seeing that MAY be causing the issue for you is the headers that are allowed to be sent via the .htaccess file.
Try opening your .htaccess file and adding the following the it:
<FilesMatch “.(ttf|otf|eot|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>
This is my best guess as it seems to be working on your Hostgator server and not your Go Daddy server.
Another fix that I came across was removing the letters at the end of the url to pull in the icon font’s. You can find that inside of /wp-content/uploads/wp-svg-icons/custom-pack/style.css?ver=3.9.1 and it’s the first decleration at the to which looks like this:
@font-face {
font-family: 'icomoon';
src:url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?-fakoqm');
src:url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?#iefix-fakoqm') format('embedded-opentype'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.woff?-fakoqm') format('woff'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.ttf?-fakoqm') format('truetype'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.svg?-fakoqm#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
Try removing the ?-fakoqm at the end of the URL so it should just be:
@font-face {
font-family: 'icomoon';
src:url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?');
src:url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.woff?') format('woff'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.ttf?') format('truetype'),
url('http://surgeonseo.com/wp-content/uploads/wp-svg-icons/custom-pack/fonts/icomoon.svg?#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
If that doesn’t work just revert to how the URL was before changing it.
Let me know if either of those resolves the issue at all. I’ll keep searching for fixes!
Evan
This worked perfectly! thanks Evan!
Perfect! I’m glad that worked.
Was it the .htaccess fix that did it or removing the letters?
If the latter, I’ll release an update that fixes this as I’m sure others are facing similar issues. If it’s the htaccess fix , I’ll just have to add it into the FAQ.
Thanks !
It was a cross-domain problem, changing the referencing of the URLS from the placeholder site to the new.
