ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

微信小程序引用外部字体

2019-09-25 16:05:30  阅读:273  来源: 互联网

标签:文件 style 微信 字体 引用 https wxss ttf


原文链接:https://blog.csdn.net/qq_24985715/article/details/80857733

https://blog.csdn.net/qq_24985715/article/details/80857733

1、找到字体包ttf、eot、svg、woff随便一种格式文件;文件转换网站:字体文件转换网站
2、上传2中的字体文件(最好是ttf文件)到https://transfonter.org/,选择base64 编吗 ,convert后下载.

这里写图片描述
3、跟components同级,新建一个style文件夹,里面放第二步转换完下载后的得到的那些后缀文件(eot,svg,ttf,woff,woff2)

4、在style文件夹里,新建.wxss的css文件,打开下载的文件,找到stylesheet.css,将里面的全部内容复制到新建的.wxss中

这里写图片描述
5、找到需要引用字体库的wxss文件,用import 方式引入字体库css@import '../../style/knckout.wxss';
需要用的标签添加font-family字体名称:font-family: 'Knockout'

这里写图片描述
就可以使用了
————————————————
版权声明:本文为CSDN博主「小尹子」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_24985715/article/details/80857733

标签:文件,style,微信,字体,引用,https,wxss,ttf
来源: https://blog.csdn.net/lindali1115/article/details/101369455

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有