Bootstrap 图标 v1.2.2

@mdo 2020 年 12 月 23 日

我们正在解决 Bootstrap 图标 v1.2.2 中新字体文件的一些问题！我们回到了 Figma 文件并修正了所有 fill-rule 细节，以确保我们的 SVG 正确地转换为字体文件。

我们还修复了一些现有图标、文档中的错误，并对一些现有图标进行了轻微的视觉改进。请查看下面的详细信息！

字体文件

我们的图标字体（希望如此！）没有导致许多图标在 Windows 设备上无法使用的视觉故障。出于某种原因，macOS 和 iOS 没有任何问题，但 Windows 却破坏了字体文件。事实证明，这是由于我们的图标中 fill-rule 值不一致造成的，而某些字体格式和渲染器只支持 non-zero 填充规则。我们重新审视了几乎所有图标，并对它们进行了整理。

特别感谢 Figma Fill Rule Editor 插件，它使更新变得相对快速且轻松。您甚至可以在下面的插件图像中看到此规则如何影响 SVG 的渲染。

查看 PR 以了解幕后发生了哪些变化。

更新的图标

我们对字体文件进行了一些调整，对部分图标进行了修饰，清理了路径，使它们更美观。

• 锁的图标现在更易读了，它们更高更窄。
• 笔记本电脑现在在底座和屏幕之间有一半像素的间隙，使它们看起来更时尚。
• 盾牌现在高了 1 像素，内部图标也抬高了 1 像素。没有理由让它们不占用完整的 viewBox。
• 秒表图标看起来更像真正的秒表，有独立的开始/停止和圈数按钮。
• 砖块图标恢复了缺失的灰浆线。
• 重命名了补丁填充图标，以修复其文件名中的拼写错误（fll 改为 fill）。

还有其他需要考虑的改进吗？请提交问题告诉我们。

最后但并非最不重要的是，我们解决了一些文档问题。我们的导航栏已完全可用，并与 v5 测试版网站保持一致。我们还添加了 新的别名 用于主页上的图标过滤。

安装

要开始使用，请通过 npm 安装

npm i bootstrap-icons

您也可以 从 GitHub 下载发布版本，或 仅下载 SVG 和字体（不包括其他存储库文件）。

Figma

对于 Figma 用户，您也可以从 Figma 获取图标。