网页版字体的调用方法

一、本地环境网页字体的调用方法

1、下载.ttf格式的字体包；

2、减压字体包，将文件中的所需字体文件拖拽到https://www.fontke.com/tool/fontface/页面中，点击立即生成按钮；

2、将生成的字体包中的.eot、.svg、.ttf、.woff、.woff2格式的文件复制到项目字体目录中，

在样式文件中添加如下代码：

@font-face {

font-family:"SourceHanSansK-Heavy";    

src:url("../fonts/SourceHanSansK-Heavy.woff2")format("woff2"),

url("../fonts/SourceHanSansK-Heavy.woff")format("woff"),

url("../fonts/SourceHanSansK-Heavy.ttf")format("truetype"),

url("../fonts/SourceHanSansK-Heavy.eot")format("embedded-opentype"),

url("../fonts/SourceHanSansK-Heavy.svg")format("svg");

font-weight:normal;

font-style:normal;

}

在需要设置字体的样式语句中调用：font-family:"SourceHanSansK-Medium" !important;即可！