uniapp引入字体文件

1. 将下载好的字体放进项目中 static里面的 ttf文件大于40kb需要转成base64格式
2. 转换完之后把代码复制下来 新创建一个css 然后copy进去

@font-face {
   font-family:'itemfont';
   src: url(data:application/font-ttf;charset=utf-8;base64,我所在的位置把转换后的代码全部copy进来
}

3. App.vue引入css

<style lang="scss">
	@import './static/font/font.css';
</style>

4. 页面中使用

路径 必须使用~@

<style lang="scss">
   @font-face{
   	font-weight: 'itemfont'; // 给字体起个名字
   	src:url('~@/static/font/DINCondensed.ttf'); 
   }
   .L1_time {
   		margin: 40rpx 0 10rpx 0;
   		font-size: 46rpx;
   		// 这里这里
   		font-family: itemfont;
   		font-weight: bold;
   	}
</style>

需要注意项

bases64转换地址点我进去
uniapp官网字体引入规则点我进入