问题标签 [woff]

我们通过挑选一些 FontAwesome 符号并上传我们自己的自定义 SVG 字形来生成自定义字体。该应用程序是一个基于 Dojo 框架并使用 Stylus 生成 CSS 的富 Web 应用程序，从 IIS 7 为应用程序提供服务。它已经通过了我们的 QA 测试程序，在几乎所有您可能会提到的浏览器和环境上，除了一个 QA家伙在 Chrome 上的 Win XP 安装。同一台机器上的 Firefox 和 IE 工作正常。

这个 Chrome 浏览器显示了熟悉的框图标，就好像找不到字体文件一样。但是，可以看到 .woff 文件在 Net 窗格中加载良好，具有良好的文件长度、Content-Type (woff-font) 等。加载 icomoon 下载附带的 demo.html 文件可以很好地呈现字体。

我们终其一生都无法弄清楚为什么演示文件会正确呈现，但我们的应用程序却不能。只有这台机器有问题，其他 WinXP、Win 7、Win 8、Win 2008 和 Linux 机器上的 Chrome 渲染正常。

我们的解决方案是从 CSS 中删除 woff 字体规范，所以我们只剩下 eot、ttf、svg 部分。这使得 Chrome 和 Firefox 回退到 TTF 渲染，效果很好。所以，我们只剩下这个：

我们尝试过使用不同的 MIME 类型，将 icomoon CSS 移动到我们 CSS 的开头，在字体系列名称周围加上引号而不是撇号，等等，但无济于事。我们已经打开和关闭了 ClearType 选项，并尝试使用 Chrome 开发工具设置来关闭渲染加速等。我们已经让几个非常有经验的 Web 开发人员对此进行了检查，但我们看不出有什么问题。woff 文件的 HTTP 请求似乎很好，ETag 很好，在控制台中启用该过滤器时没有报告 CSS 错误。我们无法随意在另一台机器上重现该问题。

谁能建议为什么 woff 文件可能会下载到 Chrome 并且存在 CSS 规则以使用它，但它实际上并没有正确呈现？它让我们打败了，现在。

尝试在应用程序中使用 Bootstrap 3.0（通过 Bower 提取）Glyphicons 图标字体。在本地的所有浏览器中完美运行。

在 heroku 的暂存环境中，图标字体在 Firefox 上不起作用。字体托管在具有跨域设置设置的 S3 存储桶中——这已通过使用curl 命令测试字体得到验证，如此处所述。我收到 200 条回复，没有问题。所以，字体在正确的位置（不是路径问题）和可访问的（不是跨域问题 - 可能。）

事实上，当我在 Firefox 中查看“网络”面板时，我看到字体上有 200 响应……但文件大小列为 0kb。

我尝试了多种内容类型（font/x-woff、application/x-woff），我尝试过使用 font-squirrel 的 base 64 编码（没用）。

我已经看到 Bootstrap 的自定义下载器有损坏的字体，但这直接来自通过 Bower 的 repo。

我不知道还能尝试什么。哈普？

所以我安装了 Oswald Google 字体，我注意到它显示不正确。从另一台没有安装它的计算机上看起来很好。有谁知道为什么会这样？这应该是一个问题，因为可能很少有人安装了这种字体？

我在服务器上的字体有问题，在 Chrome 中一切看起来都很好，但在 Mozilla 和 IE 中没有加载字体。

我知道问题出在 Apache 配置中。但我尝试了所有解决方案，将 mime 类型添加到 .htaccess、mime.type 和 apache2.conf；将 mod_headers 设置添加到 .htaccess - 没有任何帮助。

可能是什么问题呢？

我的 CSS 代码是：

网址：http ://demo2.even.lv/

谢谢。

首先，我为任何值得畏惧的无知道歉，我是新手。

我在将产品评级星星更改为我在 woo commerce 上选择的图像时遇到了一些麻烦。

我了解 woocommerce 使用 fontawesome 包中的 woff 文件，我找到了 plugin.css，找到了 woff 文件的字体代码。

我将 SVG 转换为 ttf，然后转换为 woff 并用它替换了星形 woff 文件（保持相同的名称以避免更改代码）

但结果是一系列的S。

完全坚持了几天。

我很欣赏任何见解。

谢谢

.css

.htaccess

这是我的语法。IE没问题。完美加载.eot。但是 Safari、Chrome 加载 .ttf 字体。为什么？那里有什么错误的语法吗？

测试页面：http ://parkjinho.pe.kr:2368

我开发了一个使用 fontawesome 的 Cakephp 应用程序，并将其托管在我的 android 平板电脑上（使用 KSWEB）用于工作目的。当托管在 Windows 服务器（甚至 server2go）上时，Fontawesome 工作正常，但是当托管在我的平板电脑上时，它会给出两个关于 fontawesome 的 ttf 和 woff 文件的 404，并将图标显示为奇怪的字符。

我对发生的事情一无所知，而且路径还可以，因为它在其他地方托管时可以工作，也许我错过了一些特定的声明。

我不知道，请帮忙。

我已经看到一些 Google Webfonts 现在使用 WOFF 2.0。我可以以某种方式将我现有的 WOFF 字体转换为这种新的（据说更好的格式）吗？如何？

http://thereferraladvantage.com/preview/

base.css 中的 CSS：

Firebug 显示浏览器正在调用 woff 和 tff 文件，两个文件的状态均为 200（OK）。我担心的是，它不应该只调用 WOFF，而不是恢复到 TTF 吗？

有人知道新的 4.1 Font Awesome 源（eot、woff、ttf、svg）的绝对 URL 吗？

我想像这里@font-face一样在 CSS中插入，我不想下载源代码或使用缩小的 CSS。

谢谢！