css - 如何让CSS font-weight显示?

标签 css

我对 CSS font-weight 属性有疑问。我已将 font-weight 设置为 100,但我发现它与设置为 600 时没有任何区别。这已在多个网站上注意到。它已在 Ubuntu 上的 Chrome、Chromium 和 Firefox 中观察到。

我使用的字体是 Helvetica。我需要使字体更轻。

有解决办法吗?

谢谢。

最佳答案

除非字体的字样较浅,否则您无法使字体变浅。 Helvetica 没有。 (Arial 也没有,这是 Helvetica 在大多数计算机中实际映射到的内容,即在缺少 Helvetica 的 Windows 系统上。)网页上常用的大多数字体都没有。

font-weight声明,至少在值小于 400 时,不会修改字体中的任何内容。它不会使笔划变细。相反,它从字体系列中选择较浅(或较粗,取决于值)的字体在可用时,即当字体设计师制作它时。

Google Fonts , 有一些漂亮的无衬线字体,字体更轻,例如 Roboto、Open Sans 和 Source Sans Pro。请注意,100 是 font-weight 的最小值,很少有字体有这么亮的字样;通常 300,有时 200,是您应该寻找的。

关于css - 如何让CSS font-weight显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20057495/

相关文章:

javascript - 创建 CSS 过渡

html - 如何使用react中的material ui在屏幕右下角添加 float 操作按钮

html - 证明内容 : flex-end; align-items: flex-end; 的 Safari 问题

javascript - 将 UL 拆分为两列,但不要破坏嵌套的 UL

jquery - toggleClass独特的背景

html - Semantic-UI UI 类的使用

javascript - 自动调整显示幻灯片内容的高度

css - 检测设备是否为触摸屏的媒体查询

html - 使用 Bootstrap 是否意味着混合内容和布局?

html - 分区显示问题