小程序引用字体 微信小程序如何添加外部字体


字体使用是网页设计中不可或缺的一部分 。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计 。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1.不可能大范围的使用该字体;2.图片内容相对使用文字不易修改;3.不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素) 。网络上有一些使用sIFR技术、或javascript/flashhack的方法,但实现起来或繁琐,或有缺陷 。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体 。
打开网站首先选择网站上选择base64编码on状态,选择格式字体文件(ttf,eot,woff,svg,woff2)
上传字体
点击转换后下载文件
解压文件打开CSS文件 。复制代码添加到微信小程序index.wxss里
【小程序引用字体 微信小程序如何添加外部字体】WXSS里更改字体的位置添加font-family:'你字体名称';

    相关经验推荐