vue css下载字体并引入使用

1.下载字体
下载字体:https://www.fontke.com/
下载之后复制里边的.ttf文件

2.在assets添加一个文件夹,里边放入.css 和.ttf文件
vue css下载字体并引入使用

@font-face {
  font-family: 'TXWHZGBJT';  
  src: url('font.ttf');
  font-weight: normal;
  font-style: normal;
}

3.在App.vue里引入
vue css下载字体并引入使用

@import "assets/font/font.css";

4.在页面使用
vue css下载字体并引入使用

上一篇:uniapp 引入他人提供字体图标资源文件报错的处理方式


下一篇:Android 从服务器下载ttf字体文件以及使用