- 字体来源:可以到 100font.com、字体天下 进行下载
- 转换字体文件:前往 TTF to WOFF2 将字体文件转换问woff2格式
- 存放文件:转换后的字体文件,可以可以选则存放到你自己的网站文件目录下面,或者某个CDN当中
- 修改css:最后只需要在网站的 自定义->额外css 中添加字体样式即可,如下所示
/*设置网站字体*/
@font-face{
font-family:btfFont;
src: url(https://shenying.website/fonts/my-font-pixel-16.woff2) format('woff2')
}
body{
font-family:"btfFont" !important
}
解释:
上面的css代码中,我在url中写的是我自己存放字体文件的位置,我将字体文件存放在服务器,并利用nginx定位到它。
我在css中将此字体命名为“btFont”,并将它应用在“body”范围内。