字体素材

• 下载字体
  字体官网
  教程

@font-face {
    font-family: 'siyuan-heavy';
    src: url('../font/SourceHanSansCN-Heavy.otf');}

p{
font-family:'siyuan-heavy';
}

总结：
发现引入外部字体后没效果，解决方法如下：
1.f12查看浏览器页面网络请求是否失败，没有失败，检查自己使用的标签，如果用的 h1这类自带字体默认样式的会覆盖你引入的外部字体，所以把h1换成p这类的标签就行