如何使用CSS、Javascript或jQuery使粗体字体变细？

如果我使用的是字体，但没有粗体版本，我可以使用标记

文本阴影

，添加轮廓以使薄字体更粗体

但是我只有粗体字体，我想把它弄薄一点。我不知道该使用什么CSS、Javascript或jQuery脚本

---

是否可以使用CSS、Javascript或jQuery使粗体字体变薄？如何使用？

您是指CSS字体权重属性吗？您可以在此处参考如何使用该属性

字体不能变薄。即使使用

文本阴影

使其更粗体也不是真实的：它会产生字体的扭曲表示，而不是更粗体的字体

因此，您应该根据使用不同字体（包括不同的权重）的意图以及每个字体系列中字体的可用性来选择字体系列

浏览器可以实现小于400的

font-weight

值，就像一些浏览器在没有粗体字体时实现大于400的值一样，即通过算法更改宽度。但似乎没有浏览器能做到这一点。

虽然很晚了
要使字体更薄，请添加

    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic">

使用font lato，您可以获得所需字体的厚度，并在所有浏览器中进行测试。
检查这些字体

---

它对我来说非常有效。

虽然浏览器可以生成粗体版本，但我不知道它们可以执行相反的过程。粗略地说，您可以使用

变换生成更轻更窄的文本：

<div style="transform: scaleX(0.8);transform-origin:center left">This might very well appear lighter./div>

这很可能看起来更轻。/div>

但这充其量只是一个非常粗糙的破解，需要仔细观察每种字体的刻度值。
是的，但这个“字体重量”并不能使粗体字体变轻或变薄。啊，我明白了，真是遗憾。非常感谢你的回答！在我的Chrome浏览器中看起来有点不稳定。@Alex.Kasina，是的，我知道，但我的意思是，如果一个字体系列没有更薄或更粗体的字体，或者字体系列只有一个粗体或更薄的字体，我想让它更薄或更粗体。
<div style="transform: scaleX(0.8);transform-origin:center left">This might very well appear lighter./div>