浏览过网页的人都知道,网页中出了包含文字,图片等,通常情况下还包含一些小的图标,这些小图标对于切图人员来说可是一个*烦,不但切图工序麻烦,还会让网页中增加许多图片请求,即使是将图片都合成到一张图上,增加了图片合成的工序不说,还得挨个去量每个图标的position,如果一个网页中有许多小图标,我想切图人员必然会抓狂。今天我就来给大家分享一下如何搞定网页中那些烦人的图标。
我们先来看看我到底说的是那些图标吧。
看到了吧,就这些小图标。在一个网页中如果有十几二十个这样的小图标,我觉得切图人员的内心必然是崩溃的,边切图心里肯定边骂设计师是傻逼呢。那我们到底如何轻松的解决这件事呢?
1、登陆www.iconfont.cn
2、点击登录,用新浪微博账号登陆
3、在首页搜索框中搜索我们需要的图标
4、回车,会进入到搜索结果页面,如下:
5、找到我们需要的图标,点击会被添加到暂存架
6、点击暂存架
7、添加到历史项目或者新项目
8、如果是加入历史项目,则点击“存储为历史项目”,创建新项目则点击“存储为新项目”,输入名字之后点击存储。
9、存储之后,跳转到项目页面
10、鼠标放到“获取在线链接”上,会显示“生成在线链接”。
11、复制生成的链接,放到css文件里
12、点击“前端应用帮助”,会有详细的使用文档,这里我就不详细介绍了。
注意事项:
每次添加新的图标之后,一定要重新生成在线链接,并将新的在线链接复制替换之前css文件的代码。
有了它,一定会让你眼前一亮,省掉了很多切图的麻烦,心里有没有爽一点?如果有,别太抠了,打赏吧,一块也是爱啊。
我是年轻大叔
罗辑思维前端开发工程师,个人微信公众号:xuebing_wxb

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

SublimeText3汉化版
中文版,非常好用

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器