Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

栏目: 软件资讯 · 发布时间: 3年前

内容简介:我们最新的 Bootstrap Icons 发布版包含数十个新图标、重新设计的文档和呼声最高的新特性 —— 图标字体! 新的社交网络图标 我们的社交图标工作一开始比较慢 —— 人们可能只需要几个最大的社交网站。我们有意将...

我们最新的 Bootstrap Icons 发布版包含数十个新图标、重新设计的文档和呼声最高的新特性 —— 图标字体!

新的社交网络图标

我们的社交图标工作一开始比较慢 —— 人们可能只需要几个最大的社交网站。我们有意将这个清单设小,因为其目的不是为了全面覆盖。我们的目标是随着时间的推移增加一些,但这暂时就足够了!

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

新的多媒体图标

另一个主要添加的是我们扩展的媒体图标套件。有些人在涉及媒体控件及不同媒体类型时,向我们寻求更多的选择,所以我们在本次更新中继续这方面的工作。

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

图标字体!

终于,它们来了!多亏了一个很棒的项目 Fantasticon,我们正为我们的图标生成 Web 字体。首先,我们生成 2 种 Web 字体格式 —— .woff 和 .woff2。 借助一个生成的 CSS 文件,我们还引入了一个包含所有 Web 字体图标的 HTML 索引。

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

这是我们首次涉足图标字体,并且在此过程中可能会进行一些调整。通过自行测试字体和在 issue 中分享任何反馈,您可帮我们清除任何 bug。

更新的文档

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

多亏了一个更新了的页首,Bootstrap Icons 主页有了新面貌。新页首拥有一个新的彩色图标图片、更清晰的项目描述和一个前置的 npm i 代码段来帮助人们更快入门。顶部还有一个连接到博文的新提示来告诉大家有什么更新。

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!

各个图标的永久链接页面也做了更新,并大大简化。我们将主要示例缩减为一个图标实例,并在其下方扩展了示例,以在更多的 Bootstrap 组件中引用该图标。

新永久链接侧边栏还具备新改进的图标访问方式。只需要一两个 SVG?用新的 Download SVG 按钮。找新图标字体的 HTML?只需复制、粘贴。和往常一样,想要原始的 SVG HTML?它仍然在那里。

安装

通过 NPM 安装,快速开始:

npm i bootstrap-icons

你也可以从 GitHub 下载发布包,或者只下载 SVG 和字体(没有代码库的其它文件)。

Figma

对于 Figma 用户, 你也可以从 Figma 抓取图标

<3,

@mdo 与 Bootstrap 团队

翻译自 https://blog.getbootstrap.com/2020/12/11/bootstrap-icons-1-2-0/

译注(插曲)

因为 Bootstrap Icons 1.0 只是个 SVG 图标库,Chrome 又不支持 SVG 引用跨域的雪碧图,译者基于 Bootstrap 的组件库 BootCell 早早支持官方图标库的同时,只能强依赖于 bootstrap-icons 包,增大了安装、打包体积,也增加了打包时间,无法利用 CDN 来加速页面访问。

所以译者一直关注着 Bootstrap Icons 1.1 的 CSS 字体图标进展,但又因核心开发者工作繁忙,这一重大特性又跳票到 1.2。

刷推时意外看到官方发版消息,分外欢喜,便立马去官网、GitHub 查阅更新,但不料全无 CSS font 踪影,包内依然全是 SVG 文件……

急戳官方之后,官方迅速发布“一字之差”的配置文件补丁,才算填上这个坑 ????

「点击下方卡片,立即使用 Bootstrap 图标组件」

Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体!


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

今日简史

今日简史

[以] 尤瓦尔·赫拉利 / 林俊宏 / 中信出版集团 / 2018-8 / 68

四年前,尤瓦尔•赫拉利的《人类简史》横空出世,颠覆了我们关于人类进化的认知。2016年,他的《未来简史》再度惊艳四座,刷新了我们对未来的想象,掀起了全球关于人工智能讨论的新思潮。现在,“简史三部曲”收官之作《今日简史》推出,将目光聚焦到当下,直面今天关乎我们每个人命运的问题和挑战。 尤瓦尔•赫拉利认为,智人之所以能够崛起成为地球的主宰者,主要原因在于其具备了虚构故事的能力。然而,在当前这样一......一起来看看 《今日简史》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具