前端时间，做一个小网站的时候，需要用到很多小图标，UI设计好之后不知道如何使用，如果使用图片那会很麻烦，相信一些前端更喜欢iconfont这样的标签直接调用，这样包括颜色和大小以及使用都更方便快捷，于是我们经过交流之后决定使用阿里巴巴适量图标库，这是我们第一次使用，也顺便把经验分享给大家，希望可以对一些前端有所帮助。 首先我们需要找到这个网站https://www.iconfont.
转载
2023-09-10 11:26:16
74阅读
.有一个缺点是如果你找好了所需要的图标，点击下载之后，那个图标就在购物车中消失了，就像你网购买了购物车的东西之后，该商品就从购物车中消失了一样。这时你可以在购物车界面中新建一个项目，这样下次点开图标库还能找到以前选中的一些图标这些图标不仅可以下载图标的代码——前端工程师需要还可以下载图标的PNG格式——UI设计师需要还可以编辑图标的信息：比如颜色，位移，大小，旋转角度 &nb
转载
2024-04-01 16:34:19
96阅读
在page.json里的配置项{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "titleNView":{ "buttons":[{"fontSrc":"/sta...
原创
2021-09-03 13:44:40
296阅读
目前项目开发都是vue+element-ui模式，由于elementUI的icon图标库种类不多又不好看，所以基本不使用其自带的图标。一般都是引入第三方的图标资源，例如：fontawesome、或者阿里巴巴的iconfont。由于fontawesome的使用，会使得会全部下载所有的图标信息，使得项目变大，因此建议使用阿里巴巴的iconfont图标库。阿里巴巴矢量图标库地址：://
转载
2024-05-21 15:34:38
628阅读
网址：iconfont-阿里巴巴矢量图标库1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码，下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式：下载代码1、Unicode 方式引用Unicode 是字体在网页端最原始的应用方式，特点是：兼容性最好，支持 IE6+，及所
转载
2024-05-01 10:32:11
217阅读
android studio集成方式 1.在阿里云官网注册账号并实名认证2.gradle远程仓库依赖, 打开项目找到app的build.gradle文件，添加如下配置： 添加maven仓库地址：如下图 3.添加gradle坐标版本依赖：如下图 4.在AndroidManifest.xml声明权限和AppId/AppSecret/RSA密钥:如下图—(后面会给出AppId/AppSecret/RSA
本文为博主原创，未经允许不得转载： 阿里图标具有很广泛的设计，可以供设计者挑选，阿里图标的访问地址为：：：：http://iconfont.cn，，现在将其使用的方法总结如下： 第一步。打开网站，挑选图标，并将其加入购物车中。 将鼠标放在目标的图标上就会显示，并将其加入购物车，就可以了 第二步：点击
原创
2023-02-21 10:55:08
284阅读
1.登陆http://www.iconfont.cn/ 例如我需要购物车的图标2.按下回车后会出现一堆的购物车图标3.喜欢那个一个就鼠标移动到图标上去，加入购物车4点击加入购物车后，就会出现在右上角的购物车5.点击右上角的购物车，点击下载代码7.把下载的代码，加压到本地， 三个html文件，您可以打开看下里面有相关的教程8.引入方法有三种 第一种的特点兼容性最好，支持
1、先到iconfont.cn注册、登录2、找到对应的图标，加入购物车--添加到自己的项目（先起好名字）3、到本地，解压4、将iconfont.js iconfont.css放到js、css文件夹，并在要调用图标的文件中引入；<link rel="stylesheet" type="text/css" href="css/iconfont.css"/><sc...
原创
2022-01-11 17:46:29
281阅读
# jQuery如何使用阿里图标
在网页开发中，图标是提升用户体验的重要元素之一。阿里图标库（Iconfont）提供了丰富的图标资源，并且支持自定义。本文将介绍如何使用jQuery结合阿里图标库，解决实际问题，并提供示例。
## 什么是阿里图标库
阿里图标库（Iconfont）是阿里巴巴推出的一款图标库，提供了大量高质量的图标资源。用户可以根据自己的需求，选择图标并生成字体文件，以字体的形式
原创
2024-07-24 04:32:11
28阅读
目录一、==下载阿里巴巴矢量图文件====(1)阿里巴巴矢量图页面====(2)打开图标库====(3)添加到库中====(4)添加至项目====(5)项目设置==随后保存成功之后生成代码测试一下看一是否是成功的 预览一下字体==(6)下载至本地 下载之后即可使用====(7) 打开HBuilder X把 fonts[自定义]字体文件放到static静态文件目录中====(8) 引入字体文件ic
1. 把选择的图标加入购物车 2.解压下载好的图标包，进入解压的文件夹 3. 在解压好的文件夹内打开终端 4. 在
转载
2021-11-04 10:03:00
1204阅读
2评论
官方网址iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/注册并登陆寻找自己喜欢的图标添加首次使用新建一个项目生成代码需要点一下生成后的结果使用字体图标复制生成的代码在样式中复制字体的编码新建一个行内标和签容器来存放这个代码效果给这个标签添加样式
原创
2021-09-23 10:07:13
1107阅读
打开阿里图标库https://www.iconfont.cn/search/index?searchType=icon&q=%E7%94%B7 鼠标移动到需要使用的图标上在项目中需要的地方粘贴即可使用！修改默认的icon样式名为myIcon添加样式改变为所需的大小和位置.myIcon { height: 25px; width: 25px; margin
原创
2022-07-12 19:12:42
458阅读
Web 端使用用户在 iconfont.cn 可以下载，多种格式的 icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。在web网页中使用阿里图标，有三种方法，第一种：unicode使用第二种：font-class使用第三种：symbol使用今天我们来讲的是使用第二种办法，font-class使用教程font-class 引用font-class是unicode使用方式的一种变种，主
原创
2022-07-27 10:00:24
778阅读
平时项目开发肯定少不了图标的使用，除了自己定制图标库之外，再一个比较不错的就是使用阿里的图标库，这里包含了很多分类的图标，基本上你想用的图标它都有，不仅好看，使用起来也是非常方便的，下面一起来看看吧。1.官网挑选图标官网地址：https://www.iconfont.cn/你进入这个官网以后，挑选自己喜欢的图标后添加到自己的项目中，没有项目的随意建一个新的，新图标首先先加入购物车，然后到时候一块添
原创
2023-07-12 09:57:06
212阅读
