在前端开发中，我们经常会用到 CSS 来控制页面的样式，其中字体样式就是一个很重要的方面。而字体的粗细也是我们需要注意的一个点，而这个时候就可以用到 css-fontweight 包。
css-fontweight 是什么
css-fontweight 是 npm 上可以安装的一个包，它提供了一个美好且高度自定义的 Helvetica 的替代品。它提供轻重字重选项，允许您在设计中使用更具有表现力的字体。
安装
你可以在命令行中运行以下命令进行安装：
--- ------- -------------- ------
使用
安装之后，你可以在 CSS 文件中使用 css-fontweight，示例如下：
------------ ----
你也可以在 LESS 或者 SCSS 文件中使用：
------- -------------------------------------- -- - ------------ ---------------- ------------ -------------- -
注意：我们需要引入 css-fontweight.scss 文件，并使用 weight 函数来指定字体的粗细程度，例如上面的示例中我们使用了 weight('900')，它表示字重程度为 900。
weight 函数返回字重程度的值，可以是以下任意一个值：
| weight | 说明 |
|---|---|
| 100 | Extra Light |
| 200 | Light |
| 300 | Book |
| 400 | Regular |
| 500 | Medium |
| 600 | Semibold |
| 700 | Bold |
| 800 | Heavy |
| 900 | Extra Heavy |
总结
通过本篇文章的学习，我们了解了 css-fontweight 这个 npm 包的基本使用，可以和使用系统自带的字体比较，更加灵活地进行字体粗细的控制，从而优化页面效果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562e181e8991b448e064d