如何在Google Chrome中使用'font-weight：lighter'？

Google Chrome（也可能是Safari）中的'font-weight：normal'和'font-weight：bold'似乎没有任何区别。有没有人找到一种方式来调用Firefox中的“font-weight：thinner”方式？如何在Google Chrome中使用'font-weight：lighter'？

来源

2010-04-24 Atomix

这似乎是在Chrome中known issue固定的最新开发版本：

有一个temporary workaround你也可以尝试：

若要能够在@font-face字体这是不是就font-weight财产定义了粗体字体，则需要在@font-face定义中明确定义font-weight:normal;和font-style:normal;。例如：

@font-face { 
    font-family: 'GriffosFont Regular'; 
    font-weight: normal; 
    font-style: normal; 
    src: url('fonts/GriffosFont.eot'); 
    src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\ 
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg'); 
}

来源

2010-04-24 19:41:02 Bosh

+1，好找=） – 2010-04-24 19:44:49

-2

font-weight: lighter;没有为我工作，所以我用font-weight: normal;代替，这工作了我的目的。不知道是怎么回事铬现在...

来源

2012-10-08 20:43:30 teewuane

注意'字体重量：lighter'使字体“一步”变得更轻，因此一个继承粗体的元素将会以正常的字体重量来呈现。如果你有一个特定的字体重量，最好直接指定它。 'font-weight：200'将产生一个浅色字体。 – Henrik 2013-11-01 16:51:32

我同意。在这篇文章中，“font-weight：lighter;”在Chrome浏览器中不起作用。我可以通过我的提交进行挖掘，找到有错误的Chrome的确切版本，我相信现在已经修复（五年后）。 – teewuane 2017-06-21 22:21:55

也许你需要把它添加到您的CSS：

* {-webkit-font-smoothing: antialiased;}

来源

2014-12-17 14:50:05

如何在Google Chrome中使用'font-weight：lighter'？

回答

相关问题