@tslsmart/fonts v2.3.1

TerminusSmart-Fonts

简介

• 特斯联的字体库，目前有汉字的汉仪旗黑字体和英文/数字的Plain字体。
• 可以实现 自动在英文/数字时使用Plain字体
• 汉仪旗黑字体仅保留55S字体,加粗请自行添加 font-weight 属性。
• Plain字体支持Light/Regular/Bold共3种。
• Plain Regular对应 font-weight:500 ,其他请使用Light/Bold.对Regular使用font-weight加粗会虚化

使用

安装

npm i @tslsmart/fonts

引入

在入口文件中引入即可

// 入口文件中

import "@tslsmart/fonts/index.css";

使用

全局注册

全局一次性注册,把Plain放在最前面,即可自动实现汉字使用汉仪旗黑,英文和数字使用Plain-Regular字体:

html {
  font-family: "Plain Regular", "HYQiHei";
}

指定使用某种字体

也可以单独为某个选择器设定使用哪种字体,直接把蓝湖/Figma上面的字体样式复制到css中即可:

.test {
  font-size: 14px;
  font-family: HYQiHei-85S, HYQiHei;
  color: #666666;
}

上面例子给类名为test的元素制定了使用加粗的汉仪旗黑字体

项目结构

fonts
├── README.md
├── assets // 字体资源
│   ├── HYQiHei // 汉字字体资源
│   └── plain // 英文字体资源
├── index.css
└── package.json

更新日志

点此查看