css - 所有 Windows 浏览器的@font-face 问题

Question

编辑: 谢谢大家!问题似乎解决了；我认为这与字体的路径有关，并为浏览器提供足够的替代字体类型以供访问。我最终使用 fontsquirrel.com 和 Paul Irish 的 @font-face 的防弹语法来让一切运行起来。 :)

---

我正在尝试在我的网站上使用@font-face，它在我所有的 Mac 浏览器(Firefox、Safari、Chrome)上都能完美运行。但是我发现没有一个 Windows 浏览器显示字体。

这不是浏览器版本问题:即使使用 FF5.0 和 Chrome 12.x 也无法正常工作。

这不是服务器端问题:我通过上传到两个不同的服务器来测试它，并且都显示相同的行为。

这不是 Windows 版本问题:我在 WinXP 和 Win7 上测试过。

这不是一个小问题“新字体看起来如何”:字体只是没有显示。

此外，奇怪的是:我尝试使用 Wine 在我的 Mac 上安装 Windows Firefox4，然后运行它，它工作正常!但是在实际 Windows 上运行的相同 Firefox 4 不会使用这些字体。这是否意味着正在发生的任何事情都是由操作系统检测触发的？

对这里可能发生的事情有什么想法吗？

---

编辑:我正在使用以下内容:

@font-face {
     font-family:"Name", src:url("./fonts/FontName.ttf") format("truetype"); 
} 

并尝试了语法的变体，例如:

@font-face {
     font-family:Name, src:url(fonts/FontName.ttf) format("truetype"); 
}

上述两种语法在 Mac 上都能正确呈现，但在 Windows 上却不能。

Answer 1

我想知道它是否在您的 src url 上窒息。

将此 src:url("./fonts/FontName.ttf") 更改为此 src:url("../fonts/FontName.ttf") (添加了另一个句点)。

或者你可以试试不带句点:src:url("/fonts/FontName.ttf")。

或者将它放在 CSS 文件夹中并完全删除路径。

您也可以尝试使用单引号 ' 而不是 "。