引用外部字体

最新推荐文章于 2023-09-15 17:06:55 发布

ChargerBot

最新推荐文章于 2023-09-15 17:06:55 发布

阅读量469

点赞数

文章标签：前端 css javascript

本文链接：https://blog.csdn.net/weixin_39288299/article/details/127632758

版权

文件目录结构

在这里插入图片描述

步骤

下载ttf字体，存放到fonts目录下

src/main.js 引入css文件

	import '@/assets/styles/reset.css'

src/assets/styles/reset.css

	@font-face {
	  font-family: '小考拉体';
	  src: url('../fonts/小考拉体.ttf'); /* 字体存放目录 */
	  font-weight: 400;
	  font-style: normal;
	}
	
	body {
	  /* font-family: '方正楷体' !important; */
	  font: 24px "BASE", "小考拉体" !important;
	}