实现原理,使用@font-face将字体下载在用户电脑中,然后font-family使用字体
@font-face {
font-family: 'myFont';
src: url('/assets/font/PingFangSC-Light.ttf'); //你的资源目录
font-weight: normal;
font-style: normal;
}
html,body { font-family: myFont, sans-serif; }
苹方提供了六个字重,font-family 定义如下:
苹方-简 常规体
font-family: PingFangSC-Regular, sans-serif;
苹方-简 极细体
font-family: PingFangSC-Ultralight, sans-serif;
苹方-简 细体
font-family: PingFangSC-Light, sans-serif;
苹方-简 纤细体
font-family: PingFangSC-Thin, sans-serif;
苹方-简 中黑体
font-family: PingFangSC-Medium, sans-serif;
苹方-简 中粗体
font-family: PingFangSC-Semibold, sans-serif;
总结: 这这是一个字体样式。 通篇设置。 然后 单个的div p 标签设置Fong-size : 就可以了。
每次找网上一片,使用的时候测试一遍。特此记录
字体库可以外网上找。