I know this is something that has been discussed here in many threads, but unfortunately no solution has worked for me so far. I can’t fix the problem of the not showing Icons within the circle buttons, the search icon, etc.
WordPress is installed here (Link 1, where the icons work fine): http://wordpress.bigband-ak.de/
The actual site for visitors is here (Link 2, where the icons don’t work): http://www.bigband-ak.de/
Funny thing: when I go to the original wordpress installation (Link 1) and then type in the new URL (Link 2) the icons work on the Link 2 pages…. strange…
In the backend I typed in
“WordPress-Address (URL) = http://wordpress.bigband-ak.de”
“Site-Address (URL) = http://www.bigband-ak.de”
When loading the website I get this note in the console: “Font from origin ‘http://wordpress.bigband-ak.de’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.bigband-ak.de’ is therefore not allowed access.”
Could this be the problem and how can I fix it? Any ideas? Thanks a lot.
Simon
Hi Simon
This is unfortunately a common font icon problem. Your site is loading it’s assets from another domain:
http://wordpress.bigband-ak.de/wp-content/themes/vantage/
That domain is different to your display domain. Firefox and IE don’t render font icons if this is happening.
You could either move your WordPress installation to the same domain as your site OR look into resolving the problem in .htaccess, which is an intermediate level task:
davidwalsh.name/cdn-fonts
OK thnx…. I give it a shot….
For sure. Hope you’re able to resolve.
well…. what can I say? Unfortunately .htaccess didn’t work out. I tried ev ery possible way to implement the code by David Walsh. For Example:
# Apache config
Header set Access-Control-Allow-Origin “*”
# nginx config
if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
add_header Access-Control-Allow-Origin *;
}
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
Unfortunately I always get the same server-response:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, root@localhost and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
so I will have to move the entire installation to the root directory… :-( Or ist there anything else I can do??
Unfortunately, as far as I know, the only other fix here would be to move your WordPress installation.
http://codex.wordpress.org/Moving_WordPress