【微信小程序】——wxss引用外部CSS文件及iconfont,图文教程

时间:2024-03-06 21:30:33

 

小程序引入外部文件的方式是:@import “/.wxss”;

小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。
搜索想要的图标,添加到购物车
点击进入购物车
添加图标到项目中
下载素材到本地
下载到本地并解压ttf文件,到链接https://transfonter.org/,对文件进行转换。
将文件解压到桌面
转换完成下载到本地


转换完成,下载到本地后,打开转换的文件,将代码引用到wxss中,并定义class类名,再将定义好的文件,在app.wxss中引用,便可以全局使用该文件样式
引入小程序wxss中
定义class类名
引用

小程序我也是做了没多久,更多的问题,欢迎大家加微信进群沟通。群二维码如果过期,请加我微信:mengyilingjian。
进群二维码