微信引入字体文件跨域问题
一. 背景项目引用了第三方UI框架Vant-weapp，但是前几天Vant的cdn被运营商封禁，导致van-icon无法使用。有赞官方在Github上给出了在小程序app.wxss上添加以下代码的临时解决方案:1 @font-face {
2 font-weight: normal;
3 font-family: '
转载
2024-10-06 14:28:02
404阅读
场景描述小程序icon图标需要使用base64编码后的icon，不使用png、jpg等格式的图片解决方法1.进入阿里图标库https://www.iconfont.cn/2. 创建一个项目项目管理 ------》 我的项目 新建一个项目 勾选彩色Base64再点击确认即可3.选择图标 并加入项目找到自己想要的图标点击购物车按钮加入购物车 选完后再点击页面右上方的购物车按钮 添加至项目4.下
原创
2023-01-14 10:01:48
655阅读
01简介 是的，今天小屋为大家分享的是，微信图标可以变色了，但是不止微信可以变“色”，其他的你手机里面的所有应用程序她都可以变“色”。还好小屋这里说的是图标的变色，有人绝对200%想歪了吧！哈哈！请您上眼，五颜六色都可以。02微信变色 定制图标是款手机应用图标美化工具，我再也不用等着别人设计好我再去提意见了，可以轻松定制自己喜欢的造型，如果是个性的话，你可以将每个应用设置成不同的风格，操作
注意：在uni-app中引入阿里巴巴图标库步骤同上。
原创
2021-04-07 17:21:29
1581阅读
阿里图标库有三种使用方式，但前面两种都不成功，所以试试第三种。 1.在项目的根目录中打开终端比如我的： 执行命令 npm init -y然后去看看项目多了什么 肯定会多个package.json文件 然后执行npm install mini-program-iconfont-cli --save-d ...
转载
2021-05-26 01:38:00
1123阅读
2评论
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 1、百度搜索阿里巴巴图标库，
原创
2021-11-08 17:50:31
466阅读
下图是没处理之前的代码 我划红线的是base64格式的，画圈的是相对路径，删除掉相对路径...
原创
2023-03-01 09:20:35
397阅读
阿里巴巴矢量图标库：https://.iconfont.cn/第一步：生成fontclass地址将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开
原创
2021-12-01 10:40:18
1600阅读
阿里巴巴矢量图标库：https://www.iconfont.cn/第一步：生成fontclass地址将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开连接，并复制内容第二步
原创
2022-01-14 14:16:06
786阅读
# 微信开发文档图标库实现指南
在如今的开发环境中，图标库的使用对于提升用户体验、实现美观界面至关重要。微信开发文档图标库是一个很好的选择，适合用于小程序和网页设计。本文将引导你如何从零开始实现一个简单的图标库，特别是针对刚入行的小白开发者。
## 实现流程
首先，我们首先了解一下整个实现的流程，以下是具体的步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 准备工
文章目录前言一、自带图标二、实现图标的五种方案1.图片2.精灵图3.CSS绘图4.矢量字体4.1 使用步骤5.SVG格式 前言在小程序中经常会用到各种各样的图标，如果这些图标都使用图片的话，将会大大增加小程序打包后的体积，而小程序限制代码最大2MB，分包加载4MB，所以为了缩小体积，我们可以使用图标来缩小体积。使用图标有两种方式：自带图标外部图标（图片、精灵图、CSS绘图、矢量字体、SVG格式）
转载
2024-04-16 09:07:53
576阅读
最近在研究icon font图标字库，觉得很有意思，于是找了一些比较好的在线字库。大都是开源的，而且各有特色，推荐给大家！阿里icon font字库http://www.iconfont.cn/这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。fontel...
原创
2021-07-23 13:44:09
161阅读
最近在研究icon font图标字库，觉得很有意思，于是找了一些比较好的在线字库。大都是开源的，而且各有特色，推荐给大家！阿里icon font字库http://www.iconfont.cn/这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。fontel...
原创
2021-08-01 13:16:51
300阅读
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
比如很多人会有这样的问题：
小程序怎样引用第三方js呢？
第三方js是封装好的类库 想引用进来实例化使用
这个帖子就综合一下所有相关的知识，做一个整合，以便大家能够集中了了解；我觉得这个还是应该让大家了解的知识； 提示：小程序不支持
window对象和document对象； 一：rpn.js：使用rpn.js实现eval函数功能 http://www.wx
微信小程序-icon图标demo.wxml<!-- 小程序中的字体图标 1 type icon的类型 有效值：success, success_no_circle, info, warn, waiting, c色 --><icon typ...
原创
2022-12-20 17:13:23
396阅读
放入源码中使用小程序项目中的路径为。
原创
2023-05-05 16:46:49
794阅读
前言本篇文章主要给大家详细讲解如何用Fiddler爬取微信小程序的图片，内容图文并茂，流程非常简单，我们开始吧。目录一、获取软件并打开二、点击工具设置相关代理三、如何抓图四、答疑五、总结一、获取软件并打开1、通过百度网盘下载获取安装包(链接是永久的)链接：https://pan.baidu.com/s/1GPwJfcNqkO0VtYklOcED4g 提取码：0tsu2、进入fiddle
转载
2023-09-22 21:11:50
1162阅读
https://www.iconfont.cn/ 箭头 20 图标 26
原创
2022-12-08 15:24:30
372阅读
