微信小程序添加使用外部字体

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

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

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里 。