仅在 Firefox 上重新加载后显示文本答案

【问题标题】：Display text only after reload on firefox仅在 Firefox 上重新加载后显示文本
【发布时间】：2015-09-07 14:26:15
【问题描述】：

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

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

我在 Windows 7 Professional 上使用 Firefox 38.0.5。该网页使用 jQuery 1.11.1 和 bootstrap 3.3.4。

有人可以帮忙解决显示问题吗？

谢谢！

【问题讨论】：

你在用谷歌字体吗？
重新加载页面后看不出有什么不同。
相同..没有问题..我认为问题仅在您的电脑中..或者如果您仍然面临问题，请描述更多..
谢谢，问题解决了——css压缩问题

标签： jquery html css twitter-bootstrap firefox

【解决方案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

【讨论】：

【解决方案2】：

谢谢你的回答！

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

【讨论】：