当前位置:  开发笔记 > 前端 > 正文

如何在CSS中设置超薄"font-weight"(小于100)?

如何解决《如何在CSS中设置超薄"font-weight"(小于100)?》经验,为你挑选了1个好方法。

我想让文字超薄,不到

font-weight: 100

这可能与CSS有关吗?

像这样,但与helvetica: 在此输入图像描述



1> Mike 'Pomax'..:

处理网络字体时,CSS字体权重不会“使字体变细”(或加粗)。对于未从URL加载的字体,其font-weight值从超薄映射为超粗体,但是对于自定义字体,其权重为“无论@ font-face绑定应说的是什么”:它们仅是声明字体时使用的区分数字。有多个权重的家庭。

以下是使用三个权重的Web字体的CSS声明,但仔细查看了字体资源与字体权重:

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 800;
  src: url(helveticaneue-ultrathin.woff);
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 400;
  src: url(helveticaneue-regular.woff);
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: url(helveticaneue-ultrathin.woff);
}

这为我们提供了一个CSS声明的字体家族,具有三个定义的权重(使用100、400或800以外的值将导致不确定的行为)。现在,这些权重中的两个权重指向相同的字体资源

即使CSS使用粗细800,以下代码也将使用超薄字体设置文本样式,这对于预定义字体通常意味着“漂亮的粗体”:

This is thin!

因此,如果您想使用超级双面字体,那就去吧。但这与CSS font-weight值无关,与在其@ font-face规则中为其分配值然后在您的font-using-CSS中使用该值无关。

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有