uniapp 引入本地字体

最新推荐文章于 2024-09-20 19:52:33 发布

探索未知zxx

最新推荐文章于 2024-09-20 19:52:33 发布

阅读量1.6k

点赞数

分类专栏： uniapp 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_33444716/article/details/124060082

版权

uniapp 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了如何将font.ttf文件转换为Base64格式，并将其应用于项目中。步骤包括直接转换文件，引入转换后的 Teeanger.css 文件到项目全局CSS，设置特定的class用于使用该字体。只需在需要的地方添加class，即可实现字体效果。

摘要由CSDN通过智能技术生成

1. 直接将font.ttf文件转换成base64格式

在这里插入图片描述

 2. 上传文件后直接点击convert（转换），点击下载后解压，找到css文件复制到项目中

在这里插入图片描述


3. 在项目中使用如下
	3.1 打开文件teeanger.css，会发现里面teeanger.css发现字体的名称如下：
		font-family: 'FZShaoEr-M11S';
		
	3.2 在全局css中引入如下的css样式：
		@import "@/common/css/teeanger.css";
		
	3.3 然后在全局css中添加一个class名称如下：
		.onlyJzFont{
  			font-family: 'FZShaoEr-M11S';
		}
	
	3.4 剩下的就是在哪里使用就在那里添加该class