1

我无法弄清楚为什么 Arial Narrow 对 mac 上的某些 Firefox 用户而不是其他用户正确显示。这是链接：http ://teknikor.bethmotta.com/ （见导航字体）

我的代码是：

font-family: "Arial Narrow", Arial  sans-serif; font-weight:500; 
font-stretch:condensed;

我什至尝试添加字体重置：

font-family: inherit; font-stretch:inherit; font-style:inherit;
font-family: "Arial Narrow", Arial  sans-serif; font-weight:500; 
font-stretch:condensed;

我试图专门针对 Firefox：

@media screen and (-webkit-min-device-pixel-ratio:0){
ul.navcontainer li {
font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-stretch:condensed;}  
}

我不确定为什么它适用于某些 Firefox mac 用户而不适用于其他用户。所有测试的计算机都运行 Firefox 19。在 Arial Narrow 不工作的计算机中，字体默认为 Times not Arial。

我确实注意到在正确显示的计算机上，Arial Narrow 安装在用户库和系统库中。在我看到 Times 的计算机上，Arial Narrow 仅在系统库中，而不是用户库中……但是，Arial 都安装在两者中，那么为什么导航默认为 Times？

一般来说，Firefox 是针对 mac 用户库还是系统库中的字体？

关于如何解决这个问题的任何其他建议？我错过了一些简单的东西吗？

非常感谢任何帮助，谢谢。

4

2 回答 2

0

好的，如果有人感兴趣，我想出了一些东西。我在样式表中添加了小写的“arial”，Firefox 默认使用 arial 而不是 Times。

于 2013-03-07T20:10:28.563 回答
0

您可以尝试以下 CSS3 规则：

@font-face { font-family: Arial Narrow;
src: url('ArialN.ttf'),
     url('ArialN.eot'); /* IE9+ */

要使其工作，您需要将字体文件（！）包含到相应的文件夹中。

使用示例：

<!DOCTYPE html>
<html>
<head>
<style> 
@font-face { font-family: Arial Narrow;
    src: url('ArialN.ttf'),
         url('ArialN.eot'); /* IE9+ */
}
div{font-family:Arial Narrow;}
</style>
</head>
<body>

<div>
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
</div>

<p><b>Note:</b> Internet Explorer 9+ only supports fonts of type .eot. Internet Explorer 8 and earlier, do not support the new @font-face rule.</p>

</body>
</html>
于 2013-03-15T14:00:47.180 回答