字体显示不好答案

【问题标题】：Font-face don't display well字体显示不好
【发布时间】：2012-04-22 12:22:52
【问题描述】：

我在这里有一个 wordpress 网站 http://itrain.com.my/v3/ 作为我的主页

我想知道为什么它在 Firefox 中显示不好？

有谁擅长css吗？

顺便试试看子页面http://www.itrain.com.my/v3/index.php/about-us/

它显示得很好。

我真的很想知道为什么会这样。

有什么可以帮助我的吗？有什么建议吗？

【问题讨论】：

tnx！我刚做完，有帮助吗？

标签： html css wordpress firefox cross-browser

【解决方案1】：

我敢打赌你的本地机器上安装了字体。我在任何浏览器上都看不到它。相反，我得到了两个 404 错误。

换句话说：请确保字体文件在它们各自的位置可用：http://www.itrain.com.my/v3/wp-content/themes/itrain/img/fonts/big_noodle_titling-webfont.woff 和 http://www.itrain.com.my/v3/wp-content/themes/itrain/img/fonts/bebas__-webfont.woff。

[编辑]

我刚刚查看了您网站上的字体目录列表。您的字体的 ttf 和 eot versionf 可用，woff 和 svg 已列出，但会导致 404 错误。此外，ttf 版本（在 Firefox 中下载而不是 woff，在收到 404 后）似乎生成了一个空的 HTTP 响应。

所以...确保字体存在，确保它们具有适当的权限设置（如 0644）。除了字体文件本身，我看不到任何其他问题，因为 CSS 似乎是正确的。

[编辑 2]

@kubedan 提供了一个很好的提示，似乎符合您对 htaccess 的关注：从其下载字体的域总是以 www 开头。 Firefox 会拒绝下载此类内容，您需要使用相同的域。

【讨论】：

谢谢先生！但是，我在那个文件夹中有 .woff 文件。您认为问题可能出在 Web.config 或 .htaccess 上吗？
是的，这可能确实是原因。有些东西阻止它们被下载。我只能说这不是 CSS。

【解决方案2】：

我认为问题在于 URL。它可以在http://www.itrain.com.my/v3/ 上工作，但在http://itrain.com.my/v3/ 上不起作用

在您的服务器上设置从非 www URL 到 www URL 的重定向 (301)。

【讨论】：

在 apache 上重定向 URL：stackoverflow.com/questions/2272159/…
确实，我刚刚检查过，请求通过 WWW 发送到站点。 Firefox 将拒绝从其他域下载字体。因此，OP 在对我的回复的评论中提到的 htaccess 问题似乎是寻找解决方案的好地方:)。
感谢大家！现在我的问题是如何在 web.config RewriteCond %{HTTP_HOST} !^www\ 中写这个。 RewriteRule ^ %{HTTP_HOST}%{REQUEST_URI} [L,R=301] .. 我真的不知道为什么 .htaccess 不会执行？来自我的主机
这取决于你有什么 IIS。 barrywise.com/2008/10/… 一些信息也在这里：knowledge.freshpromo.ca/seo-tools/301-redirect.php#canonicaliis