How to show Cross-Domain Fonts in Mozilla FireFox
Last updated on December 26th, 2015 at 10:31 pm
Working with my clients doesn't leave me any free time to update and check my own website FixMyWP.com for any issues. Since I work mostly with Chrome and only use FF, Opera and IE for debugging my client websites I rarely find myself browsing Fix My WP with any of them. Today it was the first time that I use FireFox for browsing to my homepage after enabling cdn services from MaxCDN, a CDN service that improved my website loading time a LOT! Apparently this change affected my website fonts when viewed with FireFox where they didn't show: With MaxCDN all my static content is actually being served from their server facilities, using an external domain like fixmywp-makistv.netdna-ssl.com instead of my native domain fixmywp.com. Well as it seems FireFox doesn't allow loading cross domain fonts by default, that means I(we) need to apply a fix to bypass this setting:
- Open your .htaccess file, its located on the root of your website(you can browse there either using your hosting panel file manager or using a ftp client like Filezilla).
- Move the cursor to the top of the file contents, press enter to create a new blank like.
- Insert the following snippet:
#allow FF to use cross-domain fonts# <FilesMatch ".(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
- Save and refresh your website!
Latest posts by Makis Mourelatos (see all)
- Extra Hardening: Take care your HTTP Security Headers - May 15, 2017
- WordPress Hacked Redirect, How to Detect and Clean it - January 2, 2017
- 7 WordPress Maintenance Mode Plugins – Which One Stands out? - November 21, 2016