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

2019-11-26    分类： 网站建设

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

随着网页技术不断升华,关于icon也已经有了相当不错的解决方式那就是iconfont这种做法是非常方便的,只要一段样式的标签就可以引入自己想要的icon,而且大小跟颜色是可以随心所欲的修改, 笔者今天要分享的是我很常用的三个线上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 让网页设计师更轻松
网页URL：https://www.cdcxhl.com/news/80906.html

成都网站建设公司_创新互联，为您提供网页设计公司、网站内链、企业网站制作、静态网站、虚拟主机、ChatGPT

广告

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

猜你还喜欢下面的内容

h5响应式网站建设

网站建设知识

行业建站