首页 > 其他 > 详细

前端项目引入萍方字体

时间:2019-11-23 22:42:55      阅读:103      评论:0      收藏:0      [点我收藏+]

在今天做项目的时候,没有引用过这种字体,百度一下,教程就出来了,这是我看的原文链接  技术分享图片https://blog.csdn.net/weixin_40297452/article/details/97775406 。本来自己不用写的,我想改变自己做了工作以后养成总结的习惯。所以我。。。

1:把萍方字体包放到三方库文件夹下面

技术分享图片

 

2:在CSS文件夹下面建一个font.css,并写入

@font-face{
    font-family: ‘pingFangSC-Regular‘;
    src: url("../.font-spider/PingFang Regular.ttf"); //这里是字体文件路径
    font-weight: normal;
    font-style: normal;
}

 

3:在HTML页面引入字体css文件

技术分享图片

 

 4:就可以使用字体样式了

技术分享图片

 

 

前端项目引入萍方字体

原文:https://www.cnblogs.com/sb8008/p/11919788.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!