问题标签 [webfonts]

我必须用 JS (jQuery) 检测浏览器是否支持 Woff，然后向正文添加一个类。像这样的东西：

这有可能吗？谢谢您的回答。

出于某种原因，当我在 IE9 中查看此页面时，所有@font-face 字体看起来都比它们应有的小得多，而且可能也像不同的字体。据我所知，关于我的语法的一切都应该与 IE9 合作。其他人在复制问题时遇到了麻烦，所以也许是我的 Windows 字体设置中的问题？无论哪种方式，如果您想尝试复制我所看到的，我在 Windows 7 64 位上运行 IE9。

编辑：我不确定这是页面的问题，还是我的浏览器的问题。无论哪种方式，我都需要修复它。

这不是上述问题的答案，但我已经将我在下面所做的工作作为一些背景知识，所以不要以错误的方式惹恼人们！

我正在使用 Google Web Fonts 中的 Comfortaa 字体构建一个网站。我在 OSX 上本地开发了该站点，一切看起来都很好。当我开始在网上发布该网站时，我发现它在朋友的 Windows XP 计算机上看起来很糟糕。搜索SO似乎网络字体渲染的可靠性非常不确定，尤其是在Windows上。

我的问题是，你如何克服这种不确定性？为了确定，我必须明确测试所有操作系统吗？还是我应该避免使用某些网络字体？是否有某种我可以寻找的负面特征，因此我可以拒绝字体而无需对各种操作系统版本进行耗时的测试？

每次我写一个简单的字体规则并尝试显示输出时，我的文本字体都有一点问题，文本显示得不是很好。它通常看起来很模糊。该字体在 Mozilla Aurora 浏览器中正确显示，但在较新版本的 Google Chrome 和 Firefox 中显示不佳。请问，有没有人知道这个文本效果的原因是什么

在这两个示例中，您可以观察到文本较粗的一个是 Aurora，而文本较暗的一个是 Chrome。这两个具有相同的样式规则，并且具有不同的输出。请问，什么是最好的解决方案。

我在 Firefox 上加载谷歌网络字体时遇到问题

我在使用指南针的 Spree 0.70 应用程序中通过 Rails 3.1 提供网络字体时遇到问题（我认为这不会有所作为）

我有一个包含声明的 scss 文件：

这些声明成功包含在输出的 css 中，字体文件本身存储在：

并包含：

• Rokkitt-webfont.eot
• Rokkitt-webfont.svg
• Rokkitt-webfont.ttf
• Rokkitt-webfont.woff

但是当我访问该网站时，字体不会被渲染。我试过直接访问这些文件，但没有得到回复。我原以为浏览器会尝试下载文件，但我得到的只是错误 406 响应。样式表中的其他资产（例如图像）正确呈现。谁能帮我诊断一下？我在想这可能与 Mime 类型有关，尽管我不确定。

提前致谢

我正在处理的网站遇到一个小问题。我正在使用Fonts.com的字体服务来提供我在网站上使用的 CSS 和 Web 字体，除 Internet 外，一切都运行良好。该页面似乎使用正确的字体呈现，但加载完成后，IE 将恢复为默认字体。

这是 CSS 的示例：

和典型用例：

宽字体是页面加载完成后显示的字体，而窄字体（正确的字体）是在页面加载期间显示的。

有简单的解决方法吗？Fonts.com 提供了一个门户网站来指定 CSS 中的字体，这些字体是从他们的服务器提供的——所以我不能轻易地编辑它。不过，我可以font-family使用网络字体编辑元素的属性。如果需要更多信息，我会尽可能提供。

编辑：这不是一闪而过的无样式内容，它从可能是缓存的内容中正确呈现，然后（在重新下载文件后）丢弃自定义字体并在页面完成加载时将其替换为默认字体。这与我和其他人所期望的相反，因此在此处发布以进行修复。

在一些 html 文档中，我只使用了几个单词的 webfonts。在性能方面加载完整的字体文件似乎很浪费。这是 @font-face 声明的 unicode-range 参数出现的地方：

http://www.w3.org/TR/css3-fonts/#unicode-range-desc

有了它，我应该可以定义要加载的字体文件的哪些字符，从而大大提高性能。但我就是无法让它工作。奇怪的是，它显示了 firefox 中的所有字符，并且如果我在声明中包含 unicode-range 参数，它就无法在 safari 中加载字体。任何帮助将不胜感激，下面是我正在测试它的html：

我没有使用 flash 或 php - 我被要求将自定义字体添加到简单的 HTML 布局中。“KG 六月虫”

我在本地下载了它 - 是否有一个简单的 CSS 技巧来完成这个？