It’s likely a configuration with your server. Try creating a .htaccess file and add the following to it:
<FilesMatch ".(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Then, navigate to plugins/wp-menu-cart/font/ and add the .htaccess file to that folder.
Any chance I can get a link so I can look at it live?
No, because my site is in maintenance mode. But…I can post a pic that will illustrate what’s going on hopefully.
Missing Icon Graphic
Do you have Firefox with Firebug? If so, open the console and navigate to that page. See if there are any messages there.
downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): status=2147746065
source: http://rudetrendz.com/wp-content/plugins/woocommerce-menu-bar-cart/font/fontawesome-webfont.woff?v=3.0.1 wpmenucart-icons.css
downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:2): status=2147746065
source: http://rudetrendz.com/wp-content/plugins/woocommerce-menu-bar-cart/font/fontawesome-webfont.ttf?v=3.0.1 wpmenucart-icons.css
downloadable font: download failed (font-family: "foobox" style:normal weight:normal stretch:normal src index:1): status=2147746065
source: http://rudetrendz.com/wp-content/plugins/foobox-image-lightbox/css/font/foobox.woff foobox.free.min.css
downloadable font: download failed (font-family: "foobox" style:normal weight:normal stretch:normal src index:2): status=2147746065
source: http://rudetrendz.com/wp-content/plugins/foobox-image-lightbox/css/font/foobox.ttf
That’s the message that it’s spitting out. And sorry for the delay.
Plugin Contributor
Ewout
(@pomegranate)
It looks like your server somehow blocks fonts from being served, since it’s not only happening to the menu cart font, but also to the foobox font… It could also simply be a file permissions thing.
This link should work:
http://rudetrendz.com/wp-content/plugins/woocommerce-menu-bar-cart/font/fontawesome-webfont.woff?v=3.0.1
but it doesn’t. I recommend to contact your host about this issue.
Check .htaccess file inside your sub directories e.g. “wp-content”
Apply following code to concerned .htaccess files
Order deny,allow
Deny from all
<Files ~ ".(xml|css|jpe?g|png|gif|js|svg|woff|ttf|eot|woff2)$">
Allow from all
</Files>
Plugin Contributor
Ewout
(@pomegranate)
Thank you so much for sharing this solution with us @todotcom!