首页 > 技术文章 > 前端声明字体

hwj369 2020-05-15 17:00 原文

首先下载字体图标  地址: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 ;
                  }

 

 

 

完成

 

推荐阅读