欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何搞定网页中那些烦人的图标_html/css_WEB-ITnose

程序员文章站 2024-01-11 11:18:16
...
浏览过网页的人都知道,网页中出了包含文字,图片等,通常情况下还包含一些小的图标,这些小图标对于切图人员来说可是一个*烦,不但切图工序麻烦,还会让网页中增加许多图片请求,即使是将图片都合成到一张图上,增加了图片合成的工序不说,还得挨个去量每个图标的position,如果一个网页中有许多小图标,我想切图人员必然会抓狂。今天我就来给大家分享一下如何搞定网页中那些烦人的图标。

我们先来看看我到底说的是那些图标吧。

看到了吧,就这些小图标。在一个网页中如果有十几二十个这样的小图标,我觉得切图人员的内心必然是崩溃的,边切图心里肯定边骂设计师是傻逼呢。那我们到底如何轻松的解决这件事呢?

1、登陆www.iconfont.cn

2、点击登录,用新浪微博账号登陆

3、在首页搜索框中搜索我们需要的图标

4、回车,会进入到搜索结果页面,如下:

5、找到我们需要的图标,点击会被添加到暂存架

6、点击暂存架

7、添加到历史项目或者新项目

8、如果是加入历史项目,则点击“存储为历史项目”,创建新项目则点击“存储为新项目”,输入名字之后点击存储。

9、存储之后,跳转到项目页面

10、鼠标放到“获取在线链接”上,会显示“生成在线链接”。

11、复制生成的链接,放到css文件里

12、点击“前端应用帮助”,会有详细的使用文档,这里我就不详细介绍了。

注意事项:

每次添加新的图标之后,一定要重新生成在线链接,并将新的在线链接复制替换之前css文件的代码。

有了它,一定会让你眼前一亮,省掉了很多切图的麻烦,心里有没有爽一点?如果有,别太抠了,打赏吧,一块也是爱啊。

我是年轻大叔

罗辑思维前端开发工程师,个人微信公众号:xuebing_wxb

上一篇: Oracle一致性读总结

下一篇: