网页版字体的调用方法

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

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;即可!

你可能感兴趣的:(网页版字体的调用方法)