前端人员如何在页面中导入外部字体

在http://fonts.mobanwang.com/fangzheng/这个网站中下载你所需要的字体文件,下载到页面解压之后,在https://www.fontke.com/tool/fontface/字体生成器中选择你所需要生成的字体

前端人员如何在页面中导入外部字体_第1张图片

左侧所上传的文件就是刚刚解压出来的字体文件,右侧是你所需要生成的字体格式,点击立即生成,将生成的字体放到你的项目中,然后将


@font-face {
  font-family: "方正兰亭中黑_GBK";
  src: url("方正兰亭中黑_GBK.ttf") format("truetype");
}

引入到你的全局css中

.text{

font-family:方正兰亭中黑

}

这样就可以了

你可能感兴趣的:(前端人员如何在页面中导入外部字体)