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

2020年08月31日 标签: 免费资源 网站设计

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

随着网页技术不断升华,关于icon也已经有了相当不错的解决方式那就是icon font这种做法是非常方便的,只要一段样式的标签就可以引入自己想要的icon,而且大小跟颜色是可以随心所欲的修改, 笔者今天要分享的是我很常用的三个线上icon的网站,以下分享三个网站,以及个人使用上的经验整理出优点跟缺点

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

  • 1.fontawesome


    这是笔者最常用的线上icon,使用上相当便利,使用方式~在您的head之间插入这段script 只需要在你的html标签上加上你选用的iconclass即可使用class="fas fa-cloud"

    优点

    操作便利,而且大部分的线上icon是没有line的社群icon,这是我目前所知道的唯一一个

    缺点

    虽然号称免费,但很多好看的icon基本上还是得升级付费,但基本的都是可以免费使用

  • 2.Google Icons


    < i class ="material-icons" > cloud < /i >

    优点

    也是操作便利,样式也不少!

    缺点

    ie无法使用,不过现在Microsoft Edge最新版的核心也改成Chrome,所以未来只要ie慢慢没落,这个应该也不成问题,(没有line的icon)

  • 3.fontello


    fontello 也是笔者蛮常用的一个,因为icon的样式多,风格也不错,你在这个网站上面可以选择你需要的icon,不需要的则不需要选择, 这样在引入的档案中可以减轻不少负担

    优点

    样式多风格多,全站免费

    缺点

    你必须将档案下载下来,将相关css引入到你的html里头才可以使用,新作一个网站你就必须引入一次,程序上麻烦很多

  • 其实还有非常多的免费线上icon可以使用,像是 Bootstrap等等, 不过如果要非常特别的icon,你还是得自己设计一下吧。

    希望以上的这些信息能对您有所帮助!


» 本文链接地址:https://www.ccxcn.com/knowledge/5051.html » 转载请注明出处,谢谢。