思源字体的安装和使用

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引入到页面中，然后就可以使用了