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

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

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


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

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


上一篇 小程序头像可以修改吗 下一篇 小程序名称可以修改吗,小程序发布后能修改名字吗
论坛资讯同步说明,本文同步自论坛:bbs.miaozhizuo.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   17080039991

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]