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

Answer 2

谢谢你的回答！

我发现了另一个问题。我使用了css压缩器。它将“font-size：1.0em”更改为“font-size：1.0”。 firefox将其解释为“font-size：1.0px”并以1px fontsize显示文本。重新加载后，firefox忽略了这一行，我不知道为什么？我现在改为13px，一切正常。

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

2 个答案: