- 综合排序
- 最热优先
- 最新优先
- 来自专栏运维随笔
如何添加调用矢量图标库
前言 为什么站长要写一篇关于个人网站如何添加调用矢量图标库？因为图标好多，好看！！！ 一、矢量图标库账号 如果您已有账号，可以忽略此步骤，如图登录方式有四种，一个是手机号注册登入，一个是Github另外一个是微博，域账号我们用不了，无论哪种都是关联账号，没有注册，选择一种登录即可，站长这边使用手机号注册 Markup <link href="阿里巴巴图标代码" rel="stylesheet"> 将“阿里巴巴图标代码”换成刚刚复制好的代码，如上图蓝色区域所示，右侧开启接口，点击底部保存，回到阿里巴巴图标库网站 回到网站首页，查看效果 最后，可能你会发现，图标安装之后格局有一丢丢的变化，图标大小不统一，因为默认的图标库的16号字体，网站默认使用的是14号字体，打开主题设置 >> 首页设置 >> 自定义css选项 （其他网站将此css样式加入css表即可） CSS i.icon{font-size:inherit;} 五、其他一些细节设置 点击图片会出现如下图编辑功能可以调整图标颜色，大小等等 六、总结 在矢量图标库新建一个项目
1.7K30编辑于 2022-02-14 - 来自专栏喇叭的学堂
阿里巴巴矢量图标库在线链接使用图标
1、去官网 iconfont-阿里巴巴矢量图标库 如果没有注册的先注册一下 2、搜索你需要的图标加入项目 搜索图标 找到心仪的图标后，添加入库，添加成功会出现虚线框，而右边小车上会出现添加图标的数量 点击小车图标
99910编辑于 2024-03-11 - 来自专栏Kirin博客
阿里巴巴矢量图标库（iconfont）批量全选的方法
阿里巴巴矢量图标库: https://www.iconfont.cn/ 浏览器打开调试面板，进入 console 调试面板（Google浏览器快捷键F12）或者在页面空白处，点击右键->审查元素(检查)
1.9K20发布于 2020-09-22 - 来自专栏颜汐小屋
WordPress引用阿里巴巴矢量图标库添加彩色图标
现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标 所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 阿里巴巴矢量图标库网址：https://www.iconfont.cn/图片教程开始第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录第二步：然后自己通过搜索框找到自己喜爱的图标并添加至购物车
1.4K30编辑于 2023-10-06 - 来自专栏李洋博客
怎么使用阿里巴巴矢量图标库图文教程
确保数据库不会丢失，嗐，无奈啊~~~ 好了，不废话了，今天教教大家怎么设置导航图标和使用阿里巴巴代码，话说奥森图标貌似没在更新（或许是我没关注），所以在最新的主题模板明信片上将奥森图标统一换成了阿里巴巴图标库 阿里巴巴图标库：预览字体 （采用：Font class 模式） 1.首先注册阿里巴巴图标库账号 如果您已有账号，可以忽略此步骤，如图登录方式有两种，一个是Github另外一个是微博，阿里域账号我们用不了 代码格式如下： <link href="阿里巴巴图标代码" rel="stylesheet"> 将“阿里巴巴图标代码”换成刚刚复制好的代码，如上图蓝色区域所示，右侧开启接口，点击底部保存，回到阿里巴巴图标库 最后的最后，你会发现，图标安装之后格局有一丢丢的变化，这就是我之前说的，图标大小不统一，因为阿里巴巴默认的图标库的16号字体，主题模板默认是14号字体，打开主题设置，全局设置，添加如图代码即可解决。
2.8K60编辑于 2023-03-03 - 来自专栏TopFE
VUE项目中使用IconFont 阿里巴巴矢量图标库
近日为了方便前端同事图标的使用,在现有的项目中引入了一下 阿里巴巴矢量图标库iconfont 现记录如下 登录iconfont平台后,创建一个项目,然后将svg的图标导入或拖拽到项目中, 再项目详情界面
1.2K20编辑于 2022-01-24 - 来自专栏偷得浮生半日闲
走进地图(5)-矢量瓦片
与传统的栅格瓦片（Raster Tiles）相比，矢量瓦片以矢量数据形式存储和传输地理信息，具有许多优势和应用潜力。 矢量瓦片的特点和优势： 数据灵活性：矢量瓦片存储的是矢量数据，例如点、线、面等地理要素，而不是预先渲染的像素图像。这意味着矢量瓦片可以根据需要进行动态样式化、交互和分析，提供更灵活的地图呈现方式。 高清晰度和可伸缩性：矢量瓦片具有无限的分辨率，可以实现高清晰度的地图显示。无论是在高分辨率屏幕上还是缩放到细节层级，矢量瓦片都能提供清晰、锐利的地图效果。 矢量瓦片的应用： Web 地图展示：矢量瓦片广泛应用于各种 Web 地图平台和应用程序，提供动态、高清晰度的地图展示效果。 地理数据分析：矢量瓦片提供了在客户端获取数据源，可以在客户端直接进行数据分析。 实时可视化：矢量瓦片可以用于实时可视化地理数据。
3.7K30编辑于 2023-05-24 - 来自专栏call_me_R
推荐 5 个优秀的 Javascript 图标库 🚀
Ionicons 针对web、iOS、Andriod和桌面应用是一个很优质的图标库。支持SVG和web font。 特性⚡ 开源（免费使用） 可通过 NPM 包安装 可直接复制 SVG 代码 ️ 图标制作精美 社区强大 5. ☄️ 特性⚡ 开源（免费使用） 可通过 NPM 包安装 可通过 CDN 引用 图标制作精美 图标可以仅通过 CSS 完成，使得你项目性能更高 当然还有很多的图标库可以推荐给大家，但是，上面的 5 后话 原文：Top 5 Best Javascript Icons Libraries
2.7K20编辑于 2022-03-10 - 来自专栏HTML5学堂
iconfont字体图标库
HTML5学堂小编的话：昨日发布的iconfont的内容有些不足，对于可能不太了解iconfont和特殊字体的学习者来说，可能会存在一定的理解问题，在此针对昨日内容进行补充，详细讲解。 分析： 1 微信小编把'HTML5学堂'和'摩登足迹'这几个字改为unicode编码，此时页面上仍然能以微软雅黑字体展示为HTML5学堂。 2 使用浏览器打开页面时，浏览器会解析HTML文件进行渲染。 在这边微信小编给大家推荐一个工具：Iconfont-阿里巴巴矢量图标库。 ? 1、打开http://www.iconfont.cn，选择图标库导航（注册一个账号，方便操作）。 2、根据项目需求选择一个图标库点击进去，然后选择图标。 ? 3、下载打包好的图标，里面包含了图标库和代码实例。 ? 如何在文本或伪元素当中实现iconfont ? 提示：阿里巴巴矢量图标库下载的时候提供了详细的代码实例。 欢迎沟通交流~HTML5学堂
6.1K60发布于 2018-03-13 - 来自专栏PowerBI战友联盟
Power BI 图标库大全
如果你嫌弃麻烦，也可以使用我们为大家整理的图标库。 当你想使用的时候，唯一要做的说就是复制和粘贴即可。 一切就好看了。 快来使用图标库来让你的设计更加富有细节吧。
1.7K20编辑于 2022-04-02 - 来自专栏xinxin的随笔记录
引入阿里图标库
hexo引入阿里图标库 （记录一下） 首先在https://www.iconfont.cn/?
1.1K20编辑于 2022-03-29 - 来自专栏前端说吧
字体图标库使用方法
一些字体图标库的网站 https://icomoon.io/app/#/select http://www.iconfont.cn/ http://www.bootcss.com/ http://www.bootcss.com
3.8K70发布于 2018-05-17 - 来自专栏HT
HTML5矢量实现文件上传进度条
在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条 ，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条 ，矢量对象由两部分组成，一个是背景，一个是前景。 矢量的大体设计已经完成，那么我们把他用起来，看看效果如何。 再者，我们需要结合ajax无刷新向服务器上传文件，并结合socket技术监听服务器事件，在浏览器如何使用socket可以参考：HT for Web的HTML5树组件延迟加载技术实现。
3K80发布于 2018-01-03 - 来自专栏hightopo
HTML5矢量实现文件上传进度条
在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条 ，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条 ，矢量对象由两部分组成，一个是背景，一个是前景。 矢量的大体设计已经完成，那么我们把他用起来，看看效果如何。 再者，我们需要结合ajax无刷新向服务器上传文件，并结合socket技术监听服务器事件，在浏览器如何使用socket可以参考：HT for Web的HTML5树组件延迟加载技术实现。
3.1K40发布于 2018-07-09 - 来自专栏站长的编程笔记
面向设计师、开发者的开源免费图标库
1. iconfont ---- https://www.iconfont.cn 国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。 阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具 前端 UI 框架 layui 的内置图标就是取材于阿里巴巴矢量图标库，当内置的图标不够使用时，可以在阿里巴巴矢量图标库自行查找图标进行扩展，通过 css Remix Icon ---- http://remixicon.cn Remix Icon 是一套面向设计师和开发者的开源图标库。 适合用于小程序、移动端的底部菜单图标 3. iconPark ---- https://iconpark.oceanengine.com IconPark 图标库是一个由字节跳动出品，通过技术驱动矢量图标样式的开源图标库 Font Awesome ---- https://fontawesome.com 在很多基于 Bootstrap 的后台管理系统中都会使用到这个图标库，这个是国外的网站，访问会比较慢
1K20编辑于 2022-12-28 - 来自专栏数值分析与有限元编程
矢量函数
矢量函数的一般形式简单明了。在三维空间中的一个矢量函数是一个将每个点（x,y,z）和矢量对应的法则，例如流体的速度。指定一个函数v（x,y,z），它表明了流体的速度和在这一点的流动方向。 一般来说，一个矢量函数表明了在某个空间区域内每个点的大小和方向。可以利用许多箭头来描绘矢量函数的图像，如图1所示。在任一点处箭头的方向由矢量函数所确定，箭头长度和函数值大小成正比。 ? 如图2所示，和矢量一样，矢量函数也能分解为几个分量。 下面举一个矢量函数的例子： ? PS：本文将矢量加粗以示区别。
4.1K70发布于 2018-04-08 - 来自专栏傲绝
阿里图标库引入图标
文章引入 比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用 引入方法 第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录 第二步：然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目
3.7K30编辑于 2023-03-13 - 来自专栏hightopo
基于HTML5 Canvas 实现矢量工控风机叶轮旋转
在绘制叶片之前，我们得先来了解下HT for Web的自定义图形绘制的基本知识： 绘制自定义图形需要制定矢量类型为shape，并通过points的Array数组指定每个点信息， points以[x1, 5: closePath，不占用点信息，代表本次路径绘制结束，并闭合到路径的起始点 对比闭合多边形除了设置segments参数外，还可以设置closePath属性： * closePath获取和设置多边形是否闭合 : [ 1, 2, 2, 2 ], background : 'red' } ] }); 我们在矢量中定义了 将已有的资源拼接在一起需要用到矢量中的image类型类定义新的矢量，具体的使用方法如下： ht.Default.setImage('impeller', { width: 166, height 在矢量中，好像有数据绑定的功能，在手册中是这么介绍的： 绑定的格式很简单，只需将以前的参数值用一个带func属性的对象替换即可，func的内容有以下几种类型： 1. function类型，直接调用该函数
92840发布于 2018-07-09 - 来自专栏无原型不设计
设计师必看：8处满足原型设计的矢量图标根据地
今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。 1. 阿里巴巴矢量图标库 在国内来说，Iconfont.cn可以说是国内设计师们的一块宝地。 这个网站上的矢量图标数量在1000个以上，而且更新也相对比较活跃，Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。 5. Flaticon Flaticon提供给用户，高质量的图形设计：完全可编辑的矢量由我们的设计团队，为用户提供丰富的内容，既可以用在个人和商业项目精心挑选的。 我来告诉你吧，如果你已经升级到了Mockplus，那么，你会在它的图标库中发现2600多个矢量图标以及400多个平面图标。我觉得，这个很实用。 你需要做的，只是点击图标库，搜索一下。在线离线，网络稳定与否，完全不受影响。 ?
1.6K20发布于 2019-01-25 - 来自专栏HT
基于HTML5 Canvas 实现矢量工控风机叶轮旋转
在绘制叶片之前，我们得先来了解下HT for Web的自定义图形绘制的基本知识： 绘制自定义图形需要制定矢量类型为shape，并通过points的Array数组指定每个点信息， points以[x1, 5: closePath，不占用点信息，代表本次路径绘制结束，并闭合到路径的起始点 对比闭合多边形除了设置segments参数外，还可以设置closePath属性： * closePath获取和设置多边形是否闭合 : [ 1, 2, 2, 2 ], background : 'red' } ] }); 我们在矢量中定义了 将已有的资源拼接在一起需要用到矢量中的image类型类定义新的矢量，具体的使用方法如下： ht.Default.setImage('impeller', { width: 166, height 在矢量中，好像有数据绑定的功能，在手册中是这么介绍的： 绑定的格式很简单，只需将以前的参数值用一个带func属性的对象替换即可，func的内容有以下几种类型： 1. function类型，直接调用该函数
1.4K80发布于 2018-01-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号