admin管理员组

文章数量:1594755

引子:工作中需要搭建一个页面,微软雅黑是不支持商用的,需要全局替换成其他字体。

文章目录

  • 一、下载字体
  • 二、引入字体
    • 1.在项目资源目录下新建一个font文件夹,引入下载好的字体文件
    • 2.编写css文件(这里是font.less)
    • 3.引入到main.js
  • 三、使用
    • 1.在App.vue中
    • 2.搜索font-family,看有没有被替换掉的字体,改过来


一、下载字体

百度搜索自行下载,这里推荐一个网站,下载可商用字体(这里选用思源字体)

字体库

下载好的字体文件如下:

二、引入字体

1.在项目资源目录下新建一个font文件夹,引入下载好的字体文件

2.编写css文件(这里是font.less)

3.引入到main.js

引入到main.js是为了方便局部调用

三、使用

1.在App.vue中

2.搜索font-family,看有没有被替换掉的字体,改过来

本文标签: 全局字体vue