如何使用CSS降低Mac上Firefox的字体重量？

我的问题是：我在网站的菜单上使用字体，但Mac上的Firefox显示的字体太粗体了 在个人电脑上，一切正常，字体大小完美，看起来应该是这样

不幸的是，在Mac上，我不得不对Safari进行CSS攻击（这很有效），但我在Firefox中没有发现任何类似的东西

我尝试过“文本阴影破解”，我尝试过使用字体权重属性（这几乎没有任何作用）

现在，一些代码

@font-face {
    font-family: 'KnockoutHTF48FeatherweightRg';
    src: url('font/knockout-htf48-featherweight-webfont.eot');
    src: url('font/knockout-htf48-featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/knockout-htf48-featherweight-webfont.woff') format('woff'),
         url('font/knockout-htf48-featherweight-webfont.ttf') format('truetype'),
         url('font/knockout-htf48-featherweight-webfont.svg#KnockoutHTF48FeatherweightRg')     format('svg');
    font-weight: normal;
    font-style: normal;

}

对于狩猎：

body{
    ...
    -webkit-font-smoothing: antialiased;
}

如果Mac上的FF为左，PC上的FF为右（好版本）

---

谢谢

每种字体都支持不同的权重。有些人能成为真正的人，有些人不能

Mac和PC将以不同方式呈现相同的字体。这是一个核心操作系统，基本上你对此无能为力(

最一致的结果可以通过使用或之类的方法来实现

Mac上最薄的标准字体之一是Helvetica Neue

另外值得注意的是，字体重量支持100200，…800900的值。

您可以使用

font-weight:normal !important;

为了修复firefox Mac上的可视化错误。

这里解释了一些技巧

---

基本上是对那些文本应用不透明性：0.99；。

FireFox今天在他们的bug论坛上发布了一个解决方案。它今天刚刚完成，所以暂时不会使用，但我们都应该

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

在我们的

body

标签中，为所有浏览器重置此设置。终于！！伙计，这让我大吃一惊！这应该在下一个FF版本中发布

在这里穿线

---

我发现制作一个稍微“轻一点”的图标是弥补这一点的最好方法。它们在Firefox中还可以，在所有其他浏览器中也可以稍微轻一点。在Illustrator中，我创建了一个16px的图标。我将其大小调整为1024px，并应用一个-6px的偏移路径（这些数字对我来说最合适）。然后，我将其导出为svg，并将其导入IcoMoon以构建图标字体。我不使用-webkit字体平滑：抗锯齿（或挂起的-moz-osx字体平滑：灰度），除非它是深色背景上的浅色图标。这是我发现的让图标字体显示（大部分）的最佳方法跨浏览器和平台统一使用。

在CSS技巧中发现了这一点，而且这一点非常有效

将其添加到样式表中：

---

-moz osx字体平滑：灰度；

这只影响firefox浏览器

@-moz-document url-prefix() {
  .classname {
    font-weight:normal;

    /* or any other option */
  }
}

---

享受吧！

欢迎来到HTML的奇妙世界。只要等到你在手机上试用它就行了！别担心，我已经在HTML世界里呆了一段时间了……我每次都在为IE哭泣；）。幸运的是，我的客户也想要一个移动网站，所以我不必处理这个问题！我会小心使用击倒。。。该字体受版权保护，只能通过Platography.com的云服务合法使用…@kristinachilds这是几年前我工作的机构使用的，我相信他们是合法获得的。谢谢你提供的信息tho:）@Ebpo不用担心：）这是我的一个客户的品牌字体，我们最近购买了它用于网络，所以我只是想看看：）即使字体重量支持正常和粗体以外的值，但大多数情况下，不同的值都不起作用。例如，400500600可能表现得像正常人，而700及以上则表现得像粗体。（如果我没记错的话）。我知道Mac和PC对字体的支持有所不同，但正如你所看到的，Safari有一个漏洞，所以我想知道FFA是否也有类似的漏洞，有时你只需要使用图像。@DanielRHicks我试图避免使用图像（或Cufon之类的东西），因为我已经有很多用于动画的javascript和作为窗口滑动背景的巨大图像）。但我不认为我会有选择…我尝试了这个技巧，它实际上导致了具有更高z指数的子层变得部分透明，并稍微“看穿”了它们下面的内容。我不认为1%会这么做，但这是不可接受的，比如说一个悬停菜单。因此，要成功地使用它，您只需确保您不会在应用此样式的元素中浮动任何层，或者如果是这样，请在选择器中添加适当的异常。这是一个非常糟糕的时间！谢谢你的信息！适用于FF 25最终版本，不适用于FF 24。我们希望它不会被删除，除非苹果再次改变他们关于字体抗锯齿的想法。确认在FF26和FF27中工作。解决了我们的问题。应该让这成为答案。这让我很开心！非常感谢你。请注意，在2015年使用Chrome 44版的Mac上，这仍然是一个问题。。。上面修复了它。-下面的webkit字体平滑选项是一个更好的解决方案