icon在网页里头是非常重要的小尖兵,就像我们在百货公司里面,必需要靠这些图示来清楚我们的所在位置,要去哪里? 下一个地方在何处? 但是一旦图示需要的量越来越大,且颜色上又要有不同的区分,同一个icon又要运用在别的专案上,传统的做法就是不断的p色不断输出不断上传& 编写css跟html
随着网页技术不断升华,关于icon也已经有了相当不错的解决方式那就是icon?font这种做法是非常方便的,只要一段样式的标签就可以引入自己想要的icon,而且大小跟颜色是可以随心所欲的修改, 笔者今天要分享的是我很常用的三个线上icon的网站,以下分享三个网站,以及个人使用上的经验整理出优点跟缺点
1.fontawesome
这是笔者最常用的线上icon,使用上相当便利,使用方式~在您的head之间插入这段script?只需要在你的html标签上加上你选用的iconclass即可使用class=fas fa-cloud
优点操作便利,而且大部分的线上icon是没有line的社群icon,这是我目前所知道的唯一一个
缺点虽然号称免费,但很多好看的icon基本上还是得升级付费,但基本的都是可以免费使用
2.google icons
优点也是操作便利,样式也不少!
缺点ie无法使用,不过现在microsoft edge最新版的核心也改成chrome,所以未来只要ie慢慢没落,这个应该也不成问题,(没有line的icon)
3.fontello
fontello?也是笔者蛮常用的一个,因为icon的样式多,风格也不错,你在这个网站上面可以选择你需要的icon,不需要的则不需要选择, 这样在引入的档案中可以减轻不少负担
优点样式多风格多,全站免费
缺点你必须将档案下载下来,将相关css引入到你的html里头才可以使用,新作一个网站你就必须引入一次,程序上麻烦很多
其实还有非常多的免费线上icon可以使用,像是?bootstrap等等, 不过如果要非常特别的icon,你还是得自己设计一下吧。
希望以上的这些信息能对您有所帮助！