你真的会用iconfont吗?【iconfont】秘诀了解下 #平面设计 #ps教程 #干货分享 #设计素材 #PS插件 - 小师福 | 瓣公宇宙于20240105发布在抖音,已经收获了7.3万个喜欢,来抖音,记录美好生活!
目前我几乎所有的项目都使用 Iconfont 来管理，它同时也是设计师和前端开发者协同的神器，一旦使用就会发现，毕竟是阿里内部都在使用的应用，操作交互细节非常贴合实际效率的需求。并且Iconfont支持模糊搜索，让查找图标变得非常便捷。免费使用说明 作为一个图标管理工具，Iconfont 是免费的。但遗憾的是，平台上所有的图标都...
Icon font并非图标设计规范，而是一种将图标集合封装于字体文件中并通过CSS3的@font-face属性调用的技术。其特点在于图标数目有限，字体文件体积较小，矢量图标在缩放时表现更佳。同时，@font-face属性在IE6等较旧浏览器中也具有兼容性，显示透明背景的单色图标时，无需采用针对.png的hack。然而，在越来...
今天跟大家分享的是Material Design图标字体版,有了这个Web端上使用图标就更加方便了。 MaterialDesign materialdesign教程 图标字体 现在在提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下。 IconFont 制作IconFont CSS3教程...
首先打开设计师神器Iconfont:https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a 然后搜索你需要的图标,这里我们以网络为例子 搜索结果出来后,选择你想要的图标然后选择添加入库选项(购物车样式图标),单击它确认它是否变成红色 然后点击右上角闪着红点的购物车图标,进入页面后点击添加至项目,然后点击弹...
矢量图标库 Iconfont 更新LOGO,将画笔换成了变色龙! 新LOGO完全抛弃了原先"画笔"的概念,然后基于「可变素材,变你所愿」的品牌主张,变色龙成为其新的品牌形象。 字标设计上,原来大写的首字母现在改为全小...
iconfont一共有三种使用方式,具体参照阿里妈妈图标库的官方文档。 1.Unicode 方式 目前我们系统采用的是这种方式,这种方式的好处就是完美适配IE8,核心的思想就是这两段代码 @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1511278425746'); /* IE9*/ ...
「Iconfont」网站进行了全新的视觉升级,之前版本搜索框旁的外星人形象变成了一只叫「Varii」的变色龙,点击还会触发可爱的交互。如果过了凌晨还在使用「Iconfont」,点击到变色龙或者搜索框时,变色龙会触发打瞌睡的动效,提醒你「夜深,该休息了」。https://www.iconfont.c
参赛地址:iconfont - 别具匠心“创意”制作人-创意素材设计大赛 说到奖品,iconfont历次比赛的奖品都非常丰厚,很戳设计师群体的心窝。 这次的奖品有:MacBookPro2022、坚果J10投影仪、 Apple Watch、小米平衡车、科敏mini冰箱。 每套作品8个素材,动静态皆可。难度不大,但发挥空间很足。
一、阿里Iconfont：作为阿里巴巴旗下的图标库，阿里Iconfont以其丰富多样的图标种类和庞大的数量，成为了设计师们的首选。无论是常见的办公用品、交通工具，还是行业特色的图标，都能在这里找到。二、飞书IconPark图标库：飞书IconPark是飞书团队精心打造的图标库，以简洁、现代的设计风格著称。它提供了大量高质量的线性图标...