小程序如何添加外部字体库

版权声明:转载需表明出处 https://blog.csdn.net/tinson12321/article/details/82558713

在界面设计的时候,设计师经常会引入一些特定的字体来使界面更加美观。所以小程序里面引入外部字体就是一个比较常见的功能了。

一般的css添加字体使用@font-face属性来实现,代码如下:

@font-face {
font-family: '字体名称';
src: url("../../resources/font/UKIJTuzTom.eot");
font-weight: normal;
font-style: normal;
}

一般来说应该支持的,但还是不支持。这样就只能用另外的方法解决了。

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

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

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

第二部的具体操作如图:

然后在小程序中的使用如下图:

参考文章:

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1211&highlight=%E5%A4%96%E9%83%A8%E5%AD%97%E4%BD%93

猜你喜欢

转载自blog.csdn.net/tinson12321/article/details/82558713
今日推荐