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

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

2、百度下：font-face生成器

根据提示上传 SourceHanSansCN-Regular.TTF

可以得到以下文件：

SourceHanSansCN-Regular.woff2, SourceHanSansCN-Regular.woff

SourceHanSansCN-Regular.ttf, SourceHanSansCN-Regular.eot

SourceHanSansCN-Regular.svg, SourceHanSansCN-Regular.otf

(思源黑体和微软雅黑非常的相似，建议再次下载一个可以区别的字体)

3、新建文件夹fonts,将字体文件复制该文件夹下

4、新建style.css

超越Web安全字体：@font-face

基本的用法如下：

@font-face {    font-family: 'Awesome Font';    src: url('awesome-font.ttf'); }

5、页面使用

引用css:

<link rel="stylesheet" href="css/style.css" type="text/css">

使用class content-1, content-1

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