搜索结果
查询Tags标签： iconfont，共有 55条记录-
uniapp配置微信小程序的iconfont本地文件
一. 小程序使用本地iconfont的方案 小程序使用本地文件： 转base64或者使用线上环境 但是iconfont线上地址不允许了（有时候官方会没有的情况）,只能用base64 二. 如果使用 1. 首先下载iconfont文件2. 取出iconfont.css 取出iconfont.css 将iconfont.css变成iconfont.scss…
2022/8/6 1:23:54 人评论 次浏览 -
一堆小众实用工具网站，建议收藏！-搜嗖工具箱
转转大师 https://pdftoword.55.la/ 工作中不免遇到需要把文件转换成PDF的时候，一款在线版转转大师pdf转换器分享给大家，它具备在线pdf转word,pdf转图片,图片转pdf,pdf转ppt,pdf转excel,pdf转cad,cad转pdf,pdf压缩,pdf合并等文件格式转换处理功能,在线批量解决图片,CAD图…
2022/7/16 23:46:17 人评论 次浏览 -
阿里图标
https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=37952https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=26484
2022/7/8 23:20:33 人评论 次浏览 -
vue element-ui引入第三方图标 在线版
参考链接：Vue Element-UI使用icon图标(第三方)–在线版 - 简书 vue项目版本为vue3 打开iconfont-阿里巴巴矢量图标库，注册登录之后回到首页 在首页顶部菜单 图标管理>我的项目 点击新建项目新建项目 项目名称随意 记住设置的前缀，一会儿要用 去图标库里搜索选择自己…
2022/3/20 6:31:51 人评论 次浏览 -
Qt使用Iconfont
将下载的iconfont加载为资源#include "mainwindow.h" #include "ui_mainwindow.h" #include <QFontDatabase>MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow) {ui->setupUi(this);//引入图形字体int …
2022/2/21 6:28:01 人评论 次浏览 -
小程序中使用、H5、uniapp下使用阿里巴巴iconfront图标或者新增图标
第一步：登录iconfont的账号，创建项目。第二步：选择自己需要的图标，并添加入库（就是那个购物车的图标）。第三步：将选好的图片添加到项目。（点击上图中右上角的购物车图标）。第四步：下载资源到本地，并解压。第五步：将iconfont.css和iconfont.ttf 复制到自己的工…
2021/12/31 17:37:10 人评论 次浏览 -
小程序中使用、H5、uniapp下使用阿里巴巴iconfront图标或者新增图标
第一步：登录iconfont的账号，创建项目。第二步：选择自己需要的图标，并添加入库（就是那个购物车的图标）。第三步：将选好的图片添加到项目。（点击上图中右上角的购物车图标）。第四步：下载资源到本地，并解压。第五步：将iconfont.css和iconfont.ttf 复制到自己的工…
2021/12/31 17:37:10 人评论 次浏览 -
微信小程序iconfont不显示解决
小程序中用到了 iconfont，但是一次更新图标库后，很多 icon不显示了。 原因：iconfont 之前下载下来是把 woff 文件转成 base64，项目中也一直使用 woff 转成的 base64；目前 iconfont 下载下来后的 iconfont.css中是把 woff2文件转成 base64。 解决方法：使用https://t…
2021/12/20 17:26:53 人评论 次浏览 -
微信小程序iconfont不显示解决
小程序中用到了 iconfont，但是一次更新图标库后，很多 icon不显示了。 原因：iconfont 之前下载下来是把 woff 文件转成 base64，项目中也一直使用 woff 转成的 base64；目前 iconfont 下载下来后的 iconfont.css中是把 woff2文件转成 base64。 解决方法：使用https://t…
2021/12/20 17:26:53 人评论 次浏览 -
微信小程序：引入阿里巴巴矢量图标库iconfont
阿里巴巴矢量图标库：https://www.iconfont.cn/ 第一步：生成fontclass地址 将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开连接，并复制内容 第二步：引入字体 将Font class内容粘贴到微信小程序项目中 新建文件 static/font/iconfont…
2021/11/28 11:10:43 人评论 次浏览 -
微信小程序：引入阿里巴巴矢量图标库iconfont
阿里巴巴矢量图标库：https://www.iconfont.cn/ 第一步：生成fontclass地址 将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开连接，并复制内容 第二步：引入字体 将Font class内容粘贴到微信小程序项目中 新建文件 static/font/iconfont…
2021/11/28 11:10:43 人评论 次浏览 -
微信小程序wxss样式文件中引用iconfont素材
原因: 小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64，然后引用。解决方案如下: 一.下载阿里巴巴矢量库中自己项目的iconfont字体文件. 二. 打开这个网站, Online @font-face generator 上传字体,选择b…
2021/11/4 17:12:06 人评论 次浏览 -
微信小程序wxss样式文件中引用iconfont素材
原因: 小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64，然后引用。解决方案如下: 一.下载阿里巴巴矢量库中自己项目的iconfont字体文件. 二. 打开这个网站, Online @font-face generator 上传字体,选择b…
2021/11/4 17:12:06 人评论 次浏览 -
iconfont阿里巴巴矢量图标库使用步骤
iconfont阿里巴巴矢量图标库使用步骤 1.注册账号 2.选中图标，添加到购物车 点击购物车，将图标添加到项目 3.在我的项目中，点击下载至本地 4.解压download.zip压缩包，并将解压出来的文件名改成font 5.将font文件夹添加到项目中 6.在style中插入如下代码@font-face …
2021/11/2 23:40:29 人评论 次浏览 -
iconfont阿里巴巴矢量图标库使用步骤
iconfont阿里巴巴矢量图标库使用步骤 1.注册账号 2.选中图标，添加到购物车 点击购物车，将图标添加到项目 3.在我的项目中，点击下载至本地 4.解压download.zip压缩包，并将解压出来的文件名改成font 5.将font文件夹添加到项目中 6.在style中插入如下代码@font-face …
2021/11/2 23:40:29 人评论 次浏览
