@font-face html字体的思源黑体的引用

1、控制面板 -->字体-->找到思源黑体的文件(如果没有可以到网上下载)

2、百度下：font-face生成器根据提示上传SourceHanSansCN-Regular.T哌囿亡噱TF可以得到以下文件：SourceHanSansCN-Regular.wof熠硒勘唏f2,SourceHanSansCN-Regular.woffSourceHanSansCN-Regular.ttf,SourceHanSansCN-Regular.eotSourceHanSansCN-Regular.svg,SourceHanSansCN-Regular.otf(思源黑体和微软雅黑非常的相似，建议再次下载一个可以区别的字体)

4、新建style.css超越Web安锾哩菸谷全字体：@font-face基本的用法如下：@font-face { fo荏鱿胫协nt-family: 'Awesome Font'; src: url('awesome-font.ttf'); }

5、页面使用引用css:<link rel="stylesheet" href="css/style.css" type="text/css">使用classcontent-1, content-1

6、在浏览器确定是否引用成功