如何在Mac上用CSS减少字体重量？ [英] How to reduce font weight in Firefox on Mac with CSS?

问题描述

这是我的问题：我使用font-face为我的网站的菜单，但在Mac上的Firefox显示太粗了
在PC上，一切都很好，字体是完美的大小，看起来像应该

Here's my problem: I'm using font-face for the menu of my website, but Firefox on Mac displays it too bold On a PC, everything works well, the font is perfectly sized and looks like it should

不幸的是，在Mac上，我有一个CSS黑客的Safari（这是工作），但我没有找到任何类似于Firefox。

Unfortunatly, on Mac, i have to had a CSS hack for Safari (which works), but I didn't find anything similiar in Firefox.

我试过了text-shadow hack，我尝试使用font-weight属性（几乎不做任何事情）。

I've tried the "text-shadow hack", i tried using the font-weight property (which pretty much doesn't do anything).

现在，一些代码！

@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;

}

Safari：

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

如果Mac上的FF和右边的FF都是FF（好的版本）

Left if FF on Mac and right is FF on PC (the good version)

谢谢！

推荐答案

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

FireFox posted a resolution to this today on their bug forum. It was just finalized today so won't be in use for a while, but we should all put

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

所有浏览器。最后！！男人，这使我的一天！这将在下一个FF版本中出现。

in our body tag to reset this for all browsers. FINALLY!! man, that made my day! This should come out in the next FF release.

在这里
https://bugzilla.mozilla.org/show_bug.cgi?id=857142

这篇关于如何在Mac上用CSS减少字体重量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！