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,你还是得自己设计一下吧。
希望以上的这些信息能对您有所帮助！
