方法

  1. 从网上下载ttf文件

  2. 在assets文件夹下创建一个fonts文件夹，把字体ttf文件丢进来

  3. 直接在app.vue里写全局style：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <style>
    @font-face {
      font-family: 'MyCustomFont';
      src: url('~/assets/fonts/YouSheBiaoTiHei-2.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }

    .custom-font {
      font-family: 'MyCustomFont', sans-serif;
    }
    </style>

  4. 然后这个 custom-font 类名就可以到处乱用了~~。

非常简单。不用再安装库啥的。也不用配置修改nuxt.config.ts文件。