Hello,
I’ve tried enabling typekit fonts on my website, but I keep getting the following error on my Chrome inspector console:
Access to Font at ‘http://fonts.gstatic.com/s/firasans/v8/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2’ from origin ‘http://ss.foliosofy.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://ss.foliosofy.com’ is therefore not allowed access.
These are the steps I’ve tried:
- Activated the typekit plugin
- Created a kit on adobe typekit and added my website to the allowed urls on the kit settings
- Went to the plugin page, pasted my typekit id, refreshed fonts and updated.
- Went to the X Theme font manager and created font groups. My typekit fonts display fine.
- Opened the wp customizer -> typography, enabled the font manager and set the fonts for body and headings.
At step 5, none of my fonts display and I get the error I quoted above. Error is still there after I save the page, refresh and go to any page on the site.
I also opened my .htaccess file in my public_html
folder, which is the root for my site, and added the following lines on top:
<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>
Could you please help me fixing this?
Thanks a lot