7

如果我使用的是字体并且没有粗体版本，我可以使用标签text-shadow，添加轮廓以使细字体更粗体。

但我只有粗体字体，我想让它更薄。我不知道要使用什么 CSS 或 Javascript 或 jQuery 脚本。

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

4

4 回答 4

1

你不能让字体变细。甚至使它变得更粗text-shadow也是不真实的：它会产生扭曲的字体呈现，而不是更粗的字体。

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

浏览器可以实现font-weight小于 400 的值，就像某些浏览器在没有可用的粗体字体时实现大于 400 的值一样，即通过算法将宽度更改为更粗。但是似乎没有浏览器可以做到这一点。

于 2012-11-26T07:05:26.703 回答
0

虽然浏览器可以生成粗体版本，但我不知道它们可以执行相反的过程。粗略地说，您可以使用以下方法生成更轻和更窄的文本transform：

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

但这充其量只是一个非常粗略的技巧，并且需要目测每种字体的比例值。

于 2014-11-29T14:04:17.267 回答
0

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

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

在 head 部分，然后为您的文本设置样式

style = "font-family: Lato;
          font-weight:100 or 200 or 300... (according to the thinness you want);
          font-size: ...;"

使用字体 lato，您可以实现所需字体的粗细，并在所有浏览器中对其进行测试。在这里
检查这些字体 它对我来说非常有用。

于 2013-04-20T00:12:25.610 回答
-1

你的意思是 CSS font-weight 属性吗？您可以在此处参考如何使用该属性。http://www.w3schools.com/cssref/pr_font_weight.asp

于 2012-11-26T03:43:26.597 回答