小程序使用外部字体的方法,小程序添加外部字体

2018-01-16 作者：黄珊

　　小程序字体设置中常常会需要引用外部字体，以下是使用外部字体的方法：

　　字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。

　　美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：

　　1. 不可能大范围的使用该字体;

　　2. 图片内容相对使用文字不易修改;

　　3. 不利于网站SEO。

　　网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。

　　下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。

　　美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：

　　1. 不可能大范围的使用该字体;

　　2. 图片内容相对使用文字不易修改;

　　3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。

　　网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。

　　解决方案：

　　微信小程序 @font-face 里添加url地址没用，所以 URL地址替换掉 base64 编码实现。

　　1. 先外部字体准备好。比：(UKIJTzTr.ttf 维吾尔语UKIJ字体)

　　2. http://transfonter.org/ 网站里上传字体，选择base64 编吗，fotmat后下载。

　　下载包里有个 style文件打开后代码可以添加到WXSS里。

小程序使用外部字体的方法,小程序添加外部字体

线上+线下+进销存+收银+会员门店零售管理好帮手

极速收银管理
门店能实现快速收银，提升门店经营效率。
进销存管理
系统自带进销存管理，更好管理库存销售。
软硬件一体化
配备收银硬件一站式整体服务。

收银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款

获取报价

【本站声明】

1、本网站发布的该篇文章，目的在于分享电商知识及传递、交流相关电商信息，以便您学习或了解电商知识，请您不要用于其他用途；
2、该篇文章中所涉及的商标、标识的商品/服务并非来源于本网站，更非本网站提供，与本网站无关，系他人的商品或服务，本网站对于该类商标、标识不拥有任何权利；
3、本网站不对该篇文章中所涉及的商标、标识的商品/服务作任何明示或暗示的保证或担保；
4、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。