字体:数字使用AlibabaSans102_v1_TaoBao,字体下载。
$ npm install @ali/hp-rax-102font --save
import { Init102FontFaceStyle, Init102FontFaceFunc, } from '@ali/hp-rax-102font'; // 初始化方式一:可接触到 document 情况下,即页面 html 模板 function Document() { return ( <html> <head> <Init102FontFaceStyle> </head> <body> // code </body> </html> ) } // 初始化方式二:在代码执行尽早的地方调用,避免页面渲染字体变更 Init102FontFaceFunc();
CSS
/* 粗体 */ .fontBd { font-family: 'AlibabaSans102-Bd'; } /* 常规体 */ .fontRg { font-family: 'AlibabaSans102-Rg'; }