什么!Iconfont维护三天了?怎么办?

什么!Iconfont维护三天了?怎么办?持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第18天,点击查看活动详情 起因 事情是这样的,今天在群里突然看到这样一条消息。 什么意思?iconfont维护了?好久没用这个字体

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第18,点击查看活动详情

起因

事情是这样的,今天在群里突然看到这样一条消息。 image.png 什么意思?iconfont维护了?好久没用这个字体图标库了,赶紧去官网看看,结果。。。

Iconfont系统升级维护中,给您带来不便,敬请谅解!

官网白白一大片,只留下这么一句话。今天已经是6月10号了,已经维护三天了!这就很可怕了,有多少等着用呢。看看下面评论。 image.png 你再不回来,真的是要遭不住了!大家都要转用别的平台字体图标库了。

着实是这次的维护太突然了,但是天塌了还有高个子顶着,iconfont维护了,还有别的平台可以支持。如果iconfont一直这样维护,我们这些吃饭的总不能这样干等呀,所以我给大家伙找了找目前可用的平台的字体图标库,大家可以先试着来用一下。

IconPark-字节跳动出品

image.png

  • IconPark图标库是一个由字节跳动出品,通过技术驱动矢量图标样式的开源图标库,可以实现根据单一SVG源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。

什么!Iconfont维护三天了?怎么办?

  • 网址:iconpark.oceanengine.com/home
  • 特点:
    • 国内开源、免费商用
    • 2600+基础图标,29种图标分类,提供更多的选择
    • 支持4种主题和在线换肤:线性、填充、双色、四色
    • 网站提供多种便捷操作:复制SVG code、复制React组件、复制Vue组件、下载PNG、下载SVG
    • 针对技术同学,支持图标组件代码包导出,包括React Icons/ Vue lcons/ Vue3 lcons / SVG lcons。
    • 支持项目管理:方便个性化上传、管理图标、及导出图标组件NPM包导出
  • 文档:bytedance.feishu.cn/wiki/wikcnr…
  • 推荐指数:⭐⭐⭐⭐⭐

Font Awesome – 中文同步

image.png

  • Font Awesome是一款很流行的字体图标工具。随着Bootstrap的流行而逐渐被人所认识,现在FontAwesome不仅仅可以在bt上使用,还可以应用在各种web前端开发中。
  • 网址:www.fontawesome.com.cn/
  • 特点:
    • 免费开源
    • 一套字库, 675个图标
    • 不需要JavaScript要求:更快的载入速度
    • 无限的可扩展性:可伸缩矢量图形意味着每一个图标在任何大小看起来真棒。
    • CSS控制:轻松的定义图标的颜色,大小,阴影,和任何与CSS相关的特性。
  • 文档:www.fontawesome.com.cn/get-started…
  • 推荐指数:⭐⭐⭐⭐⭐

iconmonstr

image.png

  • iconmonstr 是一个以简单线条为主的的免费图标库,目前收录超过 4000 种图标
  • 网址:iconmonstr.com/
  • 特点:
    • 风格为以简单线条构成的免费图标
    • 由单一创作者维护,质量有保证
    • 提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载,满足了设计师和开发者的各种需求场景;
  • 字体图标下载地址:iconmonstr.com/iconicfont/
  • 推荐指数:⭐⭐⭐

Flaticon

image.png

  • Flaticon 一个提供三百多万海量免费图标素材库,提供 PNG、SVG、EPS、PSD 和 BASE 64 矢量图标格式,完全可以满足你 UI 设计和网页设计项目。
  • 网址:www.flaticon.com/
  • 特点:
    • 国外开源免费
    • 可以创建动态图标
  • 这个网站里的图标貌似只能使用png了,无法使用字体图标,没有找到文档,所以这里就不做太多介绍了。
  • 推荐指数:⭐⭐

SVG转字体

iconfont目前看来是用不了,如果我们有备份svg,那么就可以通过一些手段处理这些图标转为字体图标了。我找到一个网站,大家可以试一试icomoon.io/

  • 右上角点击进入制作

什么!Iconfont维护三天了?怎么办?

  • 导入svg图标

什么!Iconfont维护三天了?怎么办?

  • 也可以添加一些此网站免费的图表进行使用

什么!Iconfont维护三天了?怎么办?

  • 点击下方_Generate Font F_按钮对选择的图标进行设置,然后下载

什么!Iconfont维护三天了?怎么办?

  • 类名前缀写好,预编译语言选好,下载下来的包就可以放到项目里进行使用啦。

总结

以上是我目前找到的一些比较好用的字体图标库,以及已有字体的解决方式,希望能够帮到大家。如果大家有其他不计较不错的字体图标库也可以分享下,尽量多准备点后备资源嘛。

今天的文章什么!Iconfont维护三天了?怎么办?分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/18552.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注