vue3 + tailwind css 项目中引入google font

304 阅读1分钟

1、import

1 打开下载地址Browse Fonts - Google Fonts

image.png

2 选择一种字体

3 点击import 方法 image.png 4 复制import代码以及注意看下面的名字

image.png

5 tailwind.css文件中引入

image.png

6 在tailwind.config.ts文件中配置文件

image.png

其中左边的名字自己取,右边的为上面的

image.png 给后面的内容加上"" 就可以了 7 使用 text+ 自己取的名字就可以使用了,记得再编译一次 image.png

image.png