All geek questions in one place

Custom Font Does Not Work in Firefox 3.6!

My custom font defined in http://flamefusion.net does not display correctly in Firefox 3.6.

This is a rendering like Verdana, which is set as the CSS fall-back font defined here: http://flamefusion.net/style/site.css

The code is generated by Typekit, here: http://typekit.com/

For those who say this is not possible, I would like to point out what exactly in CSS 3 I am trying to use. See Font Selector for more information: http://www.css3.info/preview/web-fonts-with-font-face/ or use Typekit.

Here's a screenshot of what a page looks like in Chrome 8, namely, how it should look with respect to fonts. They also work in IE6 or higher, as well as in Opera. This is how it should look like

+3
source share
2 answers

I am corrected. Turns out Firefox 3.6 (and maybe others too) doesn't allow cross-domain content when it comes to fonts. Somehow lame, if you ask me, but moving it to the main domain will solve this problem.

+6
source

In addition to the Mathias post, this is a way (using .htaccess) to allow this if file transfer is not possible:

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
+1
source

Source: https://habr.com/ru/post/1782461/

More articles:


All Articles