Bootstrap4字形
如何与Bootstrap 4一起使用字形（而不生气）
有关更多信息和样本，请阅读官方页面。
介绍
如果您偶然发现了这个项目，那么您很可能已经知道Bootstrap，屡获殊荣的和全球享有的开源工具包，用于使用HTML，CSS和JS开发。事实上，您可能正在努力从Bootstrap 3转到Bootstrap 4。在发生的许多变化（主要是在官方迁移指南中）中，可以选择放下Glyphicons图标字体。
如果您需要图标，则Bootstrap团队建议以下替代方案之一：
- 高符号的上游版本
- 八孔
- 字体很棒
- 扩展页面中提到的其他替代方案
如果您是根据Bootstrap 3迁移现有网站的，那么第一个选项肯定似乎是最可行的。但是，Glyphicons Basic Set（免费提供的）不涵盖Bootstrap中所有可用的图标，而Bootstrap中可用的图标，开源工具包已授予使用的许可，可以使用Halftings SET（只要它们提供链接和信用信息）。
现在，由于Bootstrap 4不再运送半身套件，如果您想使用该集合，则可能需要支付：如果您不想使用，则基本上被迫从字形迁移到可行的开源替代方案，例如上述八封和字体上的font，很棒的是，它的个人偏好是足够的，因为它是足够的，因此非常适合大多数项目。但是，毫无疑问，这将需要一些主要的HTML代码重写，因为您必须从类似的内容中执行手动映射：
<span class="glyphicons glyphicons-home"></span>
<span class="glyphicons glyphicons-plus-sign"></span>
<span class="glyphicons glyphicons-hand-left"></span>
这样的东西（如果是fontawesome ）：
<span class="fas fa-home"></span>
<span class="fas fa-plus-circle"></span>
<span class="fas fa-hand-point-left"></span>
... 等等。不幸的是，正如您可能看到的，图标名称可能也大不相同，因此无法轻松搜索并重新安装它们。
替代方案
如果您要构建一个全新的项目，我强烈建议您丢弃字形套件并将其迁移到Fontawesome：不仅您会拥有更多的图标，而且您还会有机会从字体图标上无缝切换到SVG图标，这几乎是您几乎不会后悔的（如果您不知道为什么不知道为什么，请在此处阅读））。
但是，如果您正在处理一个现有的项目，该项目广泛使用了半套件集，则可以安装包含两个Viables Wonkaround的软件包。
安装
该软件包可以通过两种替代方式使用： Bootstrap 4+3和Fontawesome映射。
方法＃1：bootstrap 4+3
这种解决方法利用了一个事实，即除了Bootstrap 4之外，您仍然可以使用Bootstrap 3.x，而无需任何排序问题，只要您只能获得“ Glyphicon Part”。您将不会有任何许可问题，因为您实际上正在使用Bootstrap 3。
要实现此解决方法，请将软件包安装到您的网站中，并在<head>元素中添加以下内容：
<link href="/bootstrap4-glyphicons/css/bootstrap-glyphicons.min.css" rel="stylesheet" type="text/css" />
就是这样。
方法＃2：fontawesome映射
由于任何字形图像具有（或多或少）其fontawesome等效物，因此我们可以将各种glyphycons* css类映射到同等的fa*等效范围。这是您可以在/maps/glyphicons-fontawesome.less gllyphicons - fontawesome中找到的文件的目的。
要实现此解决方法，请将软件包安装到您的网站中，并在<head>元素中添加以下内容：
<link href="/bootstrap4-glyphicons/maps/glyphicons-fontawesome.min.css" rel="stylesheet" type="text/css" />
这里唯一的警告是，您必须使用基于字体的图标而不是SVG替代方案（请参见上文），但是如果您是Glyphicon用户，您将不会受到这种困扰：您将不喜欢“新”图标的机会更高，如果您觉得那样，只需实现Bootstrap 4+3替代方案即可。
作者
- 黑暗
执照
此项目已根据Apache 2.0许可证获得许可 - 有关详细信息，请参见许可证。
通过命令行克隆项目: