• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 怎样设置微信小程序全局字体

怎样设置微信小程序全局字体

时间: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: '你字体名称';

  


  进行微信小程序全局字体的设置可以让小程序字体更加生动,以上就是设置和开发的具体步骤,希望能够帮助到大家。更多相关教程请在微信小程序商店进行搜索。

  

  微信小程序全局函数怎样开发和使用?

  如何使用微信小程序全局方法

  微信小程序全局变量怎么设置