问题标签 [woff]

我从谷歌字体和我的个人网站加载自定义字体。

Google Fonts 和我的服务器托管的字体都是 .woff 并且都通过 HTML 的 " 加载。

我测试了 Google 的 Roboto 和 Ubuntu CSS 以及我的 Roboto 和 Ubuntu CSS，它们在 Chrome 中运行，但只有 Google 字体版本在 Internet Explorer 中运行。这是 IE 端的安全问题吗？看起来像M$会做的事情......

需要明确的是，测试计算机不是我的服务器，并且没有安装任何自定义字体，包括 Ubuntu。我能够从我的服务器加载和查看 CSS 文件，并自己下载字体。

我有一个非常烦人的问题。我们的一位客户要求我们在他们的网站上使用我使用 font-face 嵌入的非标准字体。字体文件位于我们的服务器上，当不使用 https 时，这在所有网络浏览器中都可以正常工作。我一直在为大多数浏览器使用 opentype 字体，为 IE 使用 .woff 文件。问题来了，当我们添加 https 后，这些字体将不再加载到 IE 所有版本中！它在所有其他网络浏览器中仍然可以正常工作，只是在 IE 中不行！

这些页面是使用 IIS 提供的，因此与 Apache 服务器相关的所有答案都无关紧要。客户已经付费才能使用字体文件，但这并不妨碍它们被禁止上传到 Font Squirrel，因此将它们编码为 64 格式也不是一个可行的解决方案。

我注意到它只是在加载字体时出现问题。如果我关闭 https 会加载字体，并且如果我重新打开 https 而没有对浏览器进行硬刷新，页面仍会以正确的字体显示，但如果我进行硬刷新，字体就会消失！

任何人都知道如何解决这个问题？

我还将在此处添加实际的 css 代码：

我正在尝试将 ASP.Net MVC4 TwitterBootstrap 应用程序部署到我在 Azure 的新主机。

一切都在 100% 工作，除了文件 '\Fonts\glyphicons-halflings-regular.woff' 在使用 Chrome 时抛出 404 错误（使用 F12 时的网络选项卡）。

我检查了我的解决方案，文件在那里：

我用谷歌搜索，发现这是一个 mime 类型问题和 Azure。我找到了一个链接，上面说解决方法是将其添加到 web.config。

我这样做了，404 不再显示。但是，我的页面需要额外的 1.56 毫秒来加载，因为它似乎每次加载页面时都会下载该 woff 文件 - 所有其他静态内容似乎在每次加载时都缓存在服务器上。

那是加载主页 - 并且是唯一被加载的文件。其余的似乎已缓存？

加载另一个页面，其中加载了其他项目，表明这是缓存似乎不感兴趣的文件：

有没有办法缓存这个文件？我认为可能需要将 mime 类型添加到他们的服务器的某个地方？我对缓存和 mime 以及 Azure 有点陌生。希望有一个解决方案，因为这个文件几乎使我在 Azure 上所有页面上的页面加载时间增加了一倍。我的其他廉价主机没有这个问题。

我在家中托管，使用我的家庭互联网连接（OS X 上的 Apache），它不是业务线或类似的东西。尽管如此，我还是设法获得大约 20 毫秒的 ping、55 mbps 和 12 mbps 的速度，所以我们很清楚这不是一些低速 DSL 连接：P

无论如何，使用 Pingdom 的网站速度测试，我能够测试与网站相关的各种文件的加载时间，包括 HTML、CSS、Js 和 .woff 文件。

.woff 文件用于网站的自定义字体，它们与其他网站文件和 Dropbox 一起托管在服务器上。

当我在 CSS 文件中指定从 Dropbox 而不是主服务器获取 .woffs 时，Pingdom 报告网站加载时间的性能大幅提升。事实上，加载所有内容的时间从大约 3 秒缩短到 1 秒多一点，当然包括 .woffs。

当然这并不奇怪，因为 Dropbox 这样做是为了隐喻生活，因此我们可以预期服务器响应时间和下载速度会比家庭服务器好得多。尽管如此，有趣的是，Pingdom 报告说，当它们来自 Dropbox 时，.woffs 会小很多——小了 95%。所有这一切，当 Dropbox 的链接也是 SSL 时。

我尝试查找有关 Dropbox 如何转换或压缩上传文件的更多信息，但找不到太多信息。此外，当从 Dropbox 重新下载字体时，它会保持原来的大得多的大小。

有人对这个有了解吗？Dropbox 是否会自动优化 @import-ing 的 .woff 文件？似乎有点神奇......此外，似乎家庭服务器需要很长时间才能提供 .woff 文件，也许这只是家庭级互联网连接的标准，但它让我觉得太慢了。每个 .woff 大约为 100kB。

我很想发布一张图片，但是....无论如何，这里有一个截图链接- https://www.dropbox.com/s/qasp9r7s6n8n7ba/Home%20v.%20Dropbox.png（Dropbox 正在切断底部给我，所以你可以选择下载图像并在本地查看）

我将一个包含多个权重的 .ttc 字体文件上传到https://onlinefontconverter.com并获得了一个 .woff 文件。它包含所有重量吗？如何将它们与 CSS 一起使用？

通过以下声明，我只能使用普通和粗体，尽管原始 .ttc 文件中有更多权重。

我正在尝试让字体在文件中呈现，这给了我通常的错误

但是显示的 HTML 文件是我们的 404.aspx 文件，我尝试了通常在 web.config 中安装应用程序，然后最终进入 IIS 本身：

我不明白我哪里出错了。这些文件存储在一个名为 fonts 的文件夹中，该文件夹位于站点的基本目录中，我的 aspx 文件中的样式为

和字体文件夹中的 stylesheet.css 为：

我已经尝试将文件路径作为 /fonts/ 并且只是 fonts/ 无济于事。但是我无法将文件设置为 bnot 404。有人建议重新启动服务器，但这也没有实现任何目标。

有什么我想念的吗？还是我犯了什么错误？

如果有帮助，我也在 web.config 中尝试过

我有一个在 Azure 网站上运行的 WordPress 站点，我正在尝试设置 Azure CDN。我已配置端点和存储。所有文件都已上传。

我的问题是 WOFF 和 TTF 文件。Chrome 报告 200 OK 状态，但文件大小为 0KB。Firebug 中的控制台揭示了 CORS 问题。该字体肯定不起作用，因为我只是得到一个使用这些字体的块图标。

我有 Azure CORS 规则设置。这是一个快照...

这是我的 web.config 设置...

我试图让这个工作的网站是http://dev.devsoftsolutions.com

在 PageSpeed Insights 中，我不断看到消息以利用浏览器缓存我正在使用的特定图标集/字体：iconFont.woff（2 天）

我已经将我的 .htaccess 设置为：

尽管如此，我仍然在 PageSpeed Insights 中收到相同的消息。如何正确缓存它？

我想用谷歌字体添加一个字体，我注意到一个奇怪的行为。

我想添加一个只有拉丁子集的字体，我不想要 latin-ext、cyrillic 或 cyrillic-ext 子集，以减轻代码的负担。我知道这是默认行为，所以我这样做了：

在 Firefox（以及其他不支持 WOFF2 的浏览器）中，我得到了正确的输出：

但是在 Chrome 中，我得到了这个：

我想，也许拉丁语子集不再是默认行为，所以我添加到我<link>的subsetGET 参数中：

但它并没有改变输出。当我使用 a&subset=cyrillic时，它在 Firefox 中会发生变化，但 Chrome 输出是相同的。

有没有办法只输出拉丁子集？

或者只是如果页面上不需要，不会下载 WOFF2 和 unicode-range ？在最后一种情况下，剥离西里尔文调用的收益只是 css 文件中的 8 行代码，也就是说大约 300 字节，这不值得吗？

Chrome 和 Firefox 不会渲染 Font-Awesome 的 WOFF/TTF，即使他们从 HttpListener 下载它们，也就是说，iOS 上的 Safari 正在正确渲染 Font-Awesome。我正在使用 .NET 的 HttpListener 类发送 HTTP 响应，如下所示：

WOFF 是否有另一种编码类型（UTF8 除外）？或者在 Chrome 或 Firefox 中我有什么需要注意的吗？

任何帮助或指针表示赞赏，谢谢。