注册

微信小程序好看的字体,小程序外部字体怎么添加

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

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

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

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

微信小程序好看的字体,小程序外部字体怎么添加

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

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

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

  外部字体怎么添加?

  我wxss里添加了 @font-face 代码,一般来说应该支持的,但还是不支持。 如下:

  [mw_shl_code=css,true]

  @font-face {

  font-family: '字体名称';

  src: url("../../resources/font/UKIJTuzTom.eot");

  font-weight: normal;

  font-style: normal;

  }

  [/mw_shl_code]

  暂时没有想到其他好的方式,就先用如下方式解决了{:5_1373:}

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

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

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

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

重磅推荐:小程序开店目录

第一部分:小商店是什么

第二部分:如何开通一个小商店

第三部分:如何登录小商店

第四部分:开店任务常见问题

第五部分:小商店可以卖什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收货/物流

第九部分:小程序怎么结算

第十部分:小程序客服

第十一部分:电商创业

第十二部分:小程序游戏开发