首页 > 其他 > 详细

前端声明字体

时间:2020-05-15 18:44:39      阅读:56      评论:0      收藏:0      [点我收藏+]

首先下载字体图标  地址:http://www.font5.com/download.php?id=15110&designated=1274799300

下载完之后放在assets中

在app.vue 中声明字体

@font-face {
  font-family: electronicFont;
  src: url(./assets/digit.ttf);
}
最后在需要使用的类中引入声明的字体名字
li{
                      line-height: 80px;
                      font-size: 70px;
                      color: salmon;
                      text-align: center;
                      font-family: electronicFont ;
                  }

 

 

技术分享图片

 

完成

技术分享图片

 

前端声明字体

原文:https://www.cnblogs.com/hwj369/p/12895949.html

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