npm 包 @bolt/settings-font-weight 使用教程

阅读时长 3 分钟读完

@bolt/settings-font-weight 是一个用于设置文本字体粗细的 npm 包,可以方便地添加、替换、管理项目中使用的字体选项。

安装

可以使用 npmyarn 进行安装:

使用

  1. 引入包:
  1. 使用 fontWeight
-- -------------------- ---- -------
-- ------
-- -
  ------------ -------------------
-

-- -------
-- -
  ------------ --------------------------
-

API

@bolt/settings-font-weight 提供了以下 API:

fontWeight

  • fontWeight.thin:细体
  • fontWeight.extraLight:极细体
  • fontWeight.light:轻体
  • fontWeight.regular:常规体
  • fontWeight.medium:中等粗体
  • fontWeight.bold:粗体
  • fontWeight.extraBold:极粗体
  • fontWeight.black:黑体
  • fontWeight.custom(value: number):使用自定义粗细度值(value 范围为 1~999

示例

-- -------------------- ---- -------
------ - ---------- - ---- -----------------------------

----- ----- - -----------------------------
----------------- - ------- -------
---------------------- - ----------------
---------------------------------

----- -------- - -----------------------------
-------------------- - -------- -- -- ---------
------------------------- - -----------------------
------------------------------------

学习与指导意义

使用 @bolt/settings-font-weight 可以避免在项目中直接使用字体粗细度值,减少代码重复,提高代码可读性和可维护性。同时,根据项目需求进行设置和替换字体粗细度值,方便地进行样式修改,提升生产力和代码质量。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedaa4fb5cbfe1ea061042c

纠错
反馈