主要介绍了vue如何使用外部特殊字体的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

Vite 2.x + Vue 3.x + Tailwind 2.x starter :high_voltage: :warning:当前，存在一个错误，即您无法在Windows上的项目文件夹名称中包含空格字符（请在名称中不包含空格和特殊字符的文件夹中尝试使用空格字符） :warning: 该入门模板还包括： （自托管，woff2格式，版本3.15，请参见public/font/inter.css ） 默认情况下为模式，并且Tailwind UI需要第一方插件： 入门 :rocket: n

话不多说先看效果： 我这里使用的是“优设标题这种字体”，接下来就是实现步骤了： 1、先在百度上下载所需要的字体ttf文件 2、在src文件夹新建common文件夹再建 font文件夹 3、在font文件夹里新建 font.css文件，以及把下载好的ttf文件放入 font.css内容如下 4、在App.vue的style里引入font.css文件 5、在需要用到特殊字体的地方，把 font-family:”自定义字体名”,这里的优设标题就是在font.css文件里自定义的字体名 这样