说说icon图标

咳咳,其实我是想copy过来的,然而,他竟然是用代码写的图标。。。

(正经脸)话说icon图标是一种网页中常用图标的一种,网络上有各式各样的应用案例,在此就不多啰嗦了。其实我也不过是用着现成的而已,所以很感谢制作并且推广的淫!

说说icon的使用,首先我们去net上下载一份icon文件,一般都叫什么favicon.ico,我们只需要引用其就可以了。引用方法如下:

使用方式如下:

这里说一下,虽然我是个萌新,并且技术渣渣。但是万一有人看了我的博客,并且受到了启发呢?所以还是说一下吧。

我写博客不会写实际代码在里边,只会放图片。一来easy,二来我希望每个人在学习的时候能够自己动手去写代码。而不是干看,或者更直接的copy。这样对技术的提升简直就像是蜗牛拉车!虽然第一次使用或者写某些不熟悉的代码会很慢甚至出错连连,但是我保证进步神速。因为我就是这么干的。

好了,言归正传。其实我们不光可以使用别人写好的文件和代码,我们也可以自己加入自己的东西在里面。如果熟悉ico的童鞋可能知道其原理,或者熟悉ps、AI等的也可能知道。不过是图标在win系统下的一种存储格式罢了。我们的计算机文件夹图标,我的电脑、回收站的各种图标都是这种格式的。我个人也经常DIY,然后替换我电脑上的各种千篇一律。所以,我们也是可以制作的。至于制作方法此文不多提,不是很麻烦,但是不熟悉修图软件的可能也够呛,不过前端的人应该不成问题。制作完成后,还需要修改FontAwesome.otf 文件,最后按照相同的格式引入进来使用就OK了。

 最后,附上图标代码链接:

http://www.bootcss.com/p/font-awesome/design.html

原文地址:https://www.cnblogs.com/yunzhexiaye/p/6097515.html