jquery - 仅在 firefox 上重新加载后显示文本

Question

我有一个只在 firefox 上发生的特殊问题。如果站点是第一次用firefox 打开，它不会显示div 中的某些文本部分。 你可以在这里看到它:http://www.cyberassec.de/haftplichtversicherung.php 看底部或这里screenshot .

重新加载此站点后，所有文本都会正确显示。这可以通过清理缓存来重现。在 IE 或 Chrome 上没有问题。

我在 windows 7 专业版上使用 firefox 38.0.5。该网页使用 jQuery 1.11.1 和 bootstrap 3.3.4。

谁能帮忙解决显示问题？

谢谢!

Answer 1

看起来像是字体的问题。默认情况下，Mozilla 不允许加载来自不同域的字体。

您需要一些 htaccess 代码才能使其工作:

允许所有域的字体:

 // This will allow font embedding from all domains
  <FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
  </FilesMatch>

允许特定域的字体:

 // Allow only specific domain for fonts
  <FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Access-Control-Allow-Origin: http://otherdomain.com
    </IfModule>
  </FilesMatch>

更多信息:Webkit Font issue