思源字体的安装和使用

1、下载思源字体 并且解压
2、在百度中搜索 font-face生成器 或者点击网址 https://www.fontke.com/tool/fontface/ 打开生成器 ，
3、点击上传字体文件 将解压的字体文件夹中后缀名名为 .ttf的文件上传上去，然后点击立即生成，等一会会生成一个文件包并自动下载下来
4、将生成好并下载下来的文件包解压，，然后在前端项目中建一个foot文件夹，如果已经有了foot文件夹，也可以使用已有的，在然后将解压的文件全部复制到foot文件夹下
5、复制进去后，可以新建一个css文件，在这个文件中引入这些字体 引入方式为
@font-face {
font-family: “Source Han Sans CN Regular”;
src: url("…/…/fonts/Source Han Sans CN Regular.woff2") format(“woff2”),
url("…/…/fonts/Source Han Sans CN Regular.woff") format(“woff”),
url("…/…/fonts/Source Han Sans CN Regular.ttf") format(“truetype”),
url("…/…/fonts/Source Han Sans CN Regular.eot") format(“embedded-opentype”),
url("…/…/fonts/Source Han Sans CN Regular.svg") format(“svg”);
font-weight: normal;
font-style: normal;
}

还可以使用字体自带的css文件，，在复制到foot文件夹下的所有文件中，是有一个.css文件的，将这个文件使用javaScript引入到页面中，然后就可以使用了