怎样设置微信小程序全局字体
时间:2023-07-01 14:05
阅读数:62 人阅读
分类:知识百科
小程序字体是小程序设计和开发中不可或缺的,能让用户在使用小程序的时候获得比较好的体验,微信小程序全局字体的开发便是其中一种,一起来学习下吧。
美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:
1. 不可能大范围的使用该字体;
2. 图片内容相对使用文字不易修改;
3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关*的有效因素)。网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。
工具/原料
微信小程序
base64转码网站
字体(ttf)
方法/步骤1
首先选择网站上选择 base64编码 on状态, 选择格式字体文件(ttf,eot,woff,svg,woff2)
上传字体
点击转换后下载文件
解压文件打开CSS 文件 。 复制代码添加到微信小程序index.wxss 里
WXSS里更改字体的位置添加 font-family: '你字体名称';
进行微信小程序全局字体的设置可以让小程序字体更加生动,以上就是设置和开发的具体步骤,希望能够帮助到大家。更多相关教程请在微信小程序商店进行搜索。
微信小程序全局函数怎样开发和使用?
如何使用微信小程序全局方法
微信小程序全局变量怎么设置
上一篇:小程序二维码php开发教程
下一篇:微信公众平台怎么自建矩阵?
