vue指的是自定义ttf、otf和在线字体的方法

1.将下载的字体放在本地目录中

分别有两种字体

把它放在项目的资产目录中

2.介绍字体文件

首先，创建一个样式文件夹，然后它也可以用来存储一些公共样式文件。然后创建一个新的无索引文件并引入字体。

@ font-face { font-family : Snickles；src: url('./assets/Snickles-web font . TTF ')；} @ font-face { font-family : Ronda；src: url('./assets/RondaITCbyBT-Roman . OTF ')；}3.介绍刚刚加载到项目中的字体(main.js)

4.测试

渲染：

渲染：

摘要

以上就是vue通过引用自定义ttf、otf和在线字体介绍给大家的方法。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！