自己想做网站怎么做,南宁网站建设设计,绍兴高端网站开发,做微商网站公司微信小程序支持自定义字体开放出来也有段时间#xff0c;这边整理下使用自定义字体中#xff0c;容易忽略的一些问题#xff0c;和简便的全局自定义方式。如果是同时加载两种字体包#xff0c;先下载下来的会被后下载下来的字体包给覆盖。官网接口文档因此字体包有却只能用…微信小程序支持自定义字体开放出来也有段时间这边整理下使用自定义字体中容易忽略的一些问题和简便的全局自定义方式。如果是同时加载两种字体包先下载下来的会被后下载下来的字体包给覆盖。官网接口文档因此字体包有却只能用一种因此字体包有却只能用一种因此字体包有却只能用一种加载字体加载字体分两种一种是局部的字体比如说是某个页面值需要引入的自定义的字体只有这个页面才需要用到那就直接官方提供的例子。wx.loadFontFace({family: Bitstream Vera Serif Bold,source: url(https://sungd.github.io/Pacifico.ttf),success: (res) { console.log( load font success , res); },fail: (res) { console.log( load font fail , res); },})加载全局字体要在app.js的onLaunch方法里面记得global需要设置为true这些注意看下官方文档应该是不难。wx.loadFontFace({global: true,family: HYSSEJ,source: url(https://sungd.github.io/Pacifico.ttf),success: (res) { console.log( load font success , res); },fail: (res) { console.log( load font fail , res); },});设置安全下载域名地址进入小程序微信后-开发-开发设置。讲服务器的下载地址配置到后台里面不然下载会失败。(TIPS 如果只是单纯自己做测试的话把小程序的debug模式开起来就可以忽略安全域名的事情)image.png设置全局样式在app.wxss 里面设置全局的命名。page {--Nomal-Font-: HYSSEJ;background: white;}.container {font-family: var(--Nomal-Font-) !important;overflow: hidden;}组件需要用的字体的地方用如下两种方法都可以。font-family: HYSSEJ !important;font-family: var(--Nomal-Font-) !important;项目中其实很多时候我们并不需要用到所有的字体可以单独做下字体包。自定义字体包
