Icons missing in a multisite instalation

[Tomas Tamayo]

Note: this is my first multisite instalation. It works, but I may do a mistake somewhere.

I have missing icons in the top right bar without any plugin activated.

After that, installing woocommerce, I also have missing icons in admin pannel.

Any idea why it can happen and how to solve it?

Thank you.

[Tomas Tamayo]

If you want to check the site online, here you have http://azoka.euskaldunak.eus/

Thank you.

[Varun Dubey]

Hi @tomastd

seems font awesome files are not loading on your site

(index):1 Font from origin ‘http://euskaldunak.eus’ 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://azoka.euskaldunak.eus’ is therefore not allowed access.

You can check inside your console, you will have above errors.
Please ask your host to update htaccess rules to allow Cross-Origin Resource

Regards
Varun Dubey

[Tomas Tamayo]

This is the .htaccesss file I have. How should it look like?
Thank you. 😉

# BEGIN s2Member GZIP exclusions
<IfModule rewrite_module>
RewriteEngine On
RewriteBase /
RewriteCond %{QUERY_STRING} (^|\?|&)s2member_file_download\=.+ [OR]
RewriteCond %{QUERY_STRING} (^|\?|&)no-gzip\=1
RewriteRule .* - [E=no-gzip:1]
</IfModule>
# END s2Member GZIP exclusions

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

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
# END WordPress

[Varun Dubey]

Hi @tomastd
consult with your hosting, it’s not WP issue
You can also take a look of following thread
http://stackoverflow.com/questions/14003332/access-control-allow-origin-wildcard-subdomains-ports-and-protocols

[Tomas Tamayo]

Sorry. I understood you that it was an .htaccess rules problem. I have tried even with the solution in the link you sent; but it did’t work either.

SetEnvIf Origin ^(https?://.+\.euskaldunak\.eus(?::\d{1,5})?)$   CORS_ALLOW_ORIGIN=$1
Header append Access-Control-Allow-Origin  %{CORS_ALLOW_ORIGIN}e   env=CORS_ALLOW_ORIGIN
Header merge  Vary "Origin"

The site is hosted in a personal server. So it’s me who has to solve it. I will ask some colleagues to help me solving it. If you could give me some hints to start from I would be very grateful.

We are not using wildcard subdomains because they are not allowed by our DNS provider.

Thank you.

[Varun Dubey]

Hi @tomastd

Your httacess rules are not correct , you have added single site htaccess plus multisite rules both one by one

it should contain only

# BEGIN s2Member GZIP exclusions
<IfModule rewrite_module>
RewriteEngine On
RewriteBase /
RewriteCond %{QUERY_STRING} (^|\?|&)s2member_file_download\=.+ [OR]
RewriteCond %{QUERY_STRING} (^|\?|&)no-gzip\=1
RewriteRule .* - [E=no-gzip:1]
</IfModule>
# END s2Member GZIP exclusions
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]

How to use CDN with Webfonts

Regards
Varun Dubey

[Tomas Tamayo]

Yes, thanks, I realized about that. And didn’t work.

I haver also tried with your code plus the CDN with Webfonts code. But nothing changes.

I will check what else it can be. Will keep you informed. Thanks.

# BEGIN s2Member GZIP exclusions
<IfModule rewrite_module>
        RewriteEngine On
        RewriteBase /
        RewriteCond %{QUERY_STRING} (^|\?|&)s2member_file_download\=.+ [OR]
        RewriteCond %{QUERY_STRING} (^|\?|&)no-gzip\=1
        RewriteRule .* - [E=no-gzip:1]
</IfModule>
# END s2Member GZIP exclusions

# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
# END  WordPress

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute

# mod_headers, y u no match by Content-Type?!

SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS

# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".

Header set Access-Control-Allow-Origin "*"

[Varun Dubey]

This ticket has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new tickets (linking to this one if necessary)
and one of the team will be only too happy to help.

Regards
Varun Dubey