刚开始开发小程序的时候，上传代码会遇到这样的问题：图片和音频资源大小超过 200 K
下面是官方建议
【建议】小程序代码包里可以存放一些必要的静态资源（例如tabbar的icon等），不过静态资源体积过大也会影响小程序代码包加载速度。因此我们建议图片、音频等静态资源体积大小超过200K时，将它们上传到CDN，用URL引入会是个更好的选择。
下面以七牛云为例介绍一下如何使用cdn进行加速，包括自定义字体的引入，整体很容易，三步搞定，其实就是弄一个下载链接的事
第一步：注册
首先注册七牛云七牛云 | 一站式场景化智能视频云 (qiniu.com)（其他网站同理）
注册之后需实名认证才能正常使用，每个用户有免费空间
第二步：创建空间
注册登录之后点击控制台
左上角点对象存储
选空间管理，存储区域选一个喜欢的，访问选择公开（下图选的私有是默认，一定要选公开不然无法访问空间文件） 
这边之前已经建好一个了
第三步：上传
点击空间名字进入
域名用七牛云自动提供的测试的就行
点文件管理
点上传文件
选择文件进行上传
上传成功后可以点右下角任务中心也可以直接在空间里面查看
点复制外链，将链接黏贴到小程序代码里面就行了
举例1：
将小程序的图片进行cdn加速
在wxml里面，需要的位置
在image里面 增加src路径就行了，src里面就是刚刚复制的外链
可以用上style再对图片进行大小风格调整
如下图
举例2：小程序自定义字体的引入
由于小程序内置字体风格较少，在进行小程序开发时会有字体修改的需求，但字体包本身是比较大的，那么用cdn还是一个不错的解法
首先将字体包上传到七牛云上面
如下图
点更多，复制一下外链
到小程序开发者工具
我一般是在onload直接进行加载
有特殊需求指定方法加载的同理放到方法里面就行
如下图，在需要用到字体页面的js里面（url引号里面的填刚刚复制的外链即可，此处我将前面一部分外链马赛克了）
wx.loadFontFace({
family: 'jgt',
source: 'url("复制的外链")',
success: console.log
})其中family 里面代表的是你自定义的字体名称，这个是微信自带的函数，不需要导入其他包，直接用就可以，之后在需要字体的地方，wxss进行设置
如图
font-family里面填刚刚定义的字体名字就行
使用自定义字体效果前
使用后文章来源：https://www.toymoban.com/news/detail-786271.html
文章来源地址https://www.toymoban.com/news/detail-786271.html
到了这里，关于三步解决微信小程序cdn加速（资源大小超过200k)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
