E企盈营销工具技术服务商 热线:4006-838-530

小程序中引用字体

E企盈直播平台营销卖货系统

外部引入我选择外部引入是由于小程序包最多2M,字体包一般比较大,所以将字体资源放在阿里云oss上。特别注意:网络引入需要设置跨域,要不然会引用失败。在阿里云oss基础设置里面可以设置跨域image.png1、直接在wxss中引用@font-face {  font-family: ‘fangsong’;  src: url(‘http://dev-yopin-img.bumeng.cn/…/subset-FangSong_GB2312.ttf’) format(‘truetype’);}2、使用小程序自带方法wx.loadFontFace({  family: ‘fangsong’,  source: ‘url(“http://dev-yopin-img.bumeng.cn/…/subset-FangSong_GB2312.ttf”)’,  success: console.log()}).view {    font-family: ‘fangsong’ }内部引入内部引入可以将小程序分包,将字体包放在本地使用先将字体包转换成需要的格式ttf、eot、svg、woff(字体转换网站)(最好是ttf文件)image.png跟components同级,新建一个style文件夹,里面放第二步转换完下载后的得到的那些后缀文件(eot,svg,ttf,woff,woff2)在style文件夹里,新建.wxss的css文件,打开下载的文件,找到stylesheet.css,将里面的全部内容复制到新建的.wxss中 image.png找到需要引用字体库的wxss文件,用import 方式引入字体库css@import ‘../../style/fangsong.wxss’;需要用的标签添加font-family字体名称:font-family: ‘fangsong’

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序中引用字体
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏