三个免费的线上icon 让网页设计师更轻松

icon在网页里头是非常重要的小尖兵,就像我们在百货公司里面,必需要靠这些图示来清楚我们的所在位置,要去哪里? 下一个地方在何处? 但是一旦图示需要的量越来越大,且颜色上又要有不同的区分,同一个icon又要运用在别的专案上,传统的做法就是不断的P色不断输出不断上传& 编写css跟html

随着网页技术不断升华,关于icon也已经有了相当不错的解决方式那就是iconfont这种做法是非常方便的,只要一段样式的标签就可以引入自己想要的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,你还是得自己设计一下吧。
希望以上的这些信息能对您有所帮助！

文章标题：三个免费的线上icon 让网页设计师更轻松
当前地址：/news6/80906.html

成都网站建设公司_创新互联，为您提供软件开发、网站改版、营销型网站建设、网站策划、小程序开发、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联