Bootstrap 将自定义图标添加到 bootstrap-select 的 glyphicon

Question

首先：我读过这个 Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font" 到目前为止它对我有一点帮助，但并没有完全达到我想做的事情。

所以我想将图标添加到我的列表框中。因为我现在已经在使用 Bootstrap-select，所以我想我应该选择将字形图标添加到每个 select 字段。

<select class="selectpicker">
  <option data-icon="glyphicon-heart">Ketchup</option>
</select>

这对 glyphicon Icons 很好用，但实际上我想添加我自己的图标，我可以在那里使用。到目前为止，仅仅添加一个 Icomoon 图标集是行不通的，因为 data-icon="glyphicon-xyz" 可能仍然试图在 bootstrap 字形文件中找到图标。

我能否以某种方式用自己的字形图标扩展字形列表或替换它？

如有任何帮助，我们将不胜感激。

干杯

作者说的是

@font-face {
  font-family: 'my-icons';
  src:url('fonts/my-icons.eot?-dp1fqh');
  /* other properties */
}

在 Glyphicon.less 文件中，但我没有使用 less 和 sass 的经验，而且我的 Bootstrap 文件夹不包含 glyphicons.less - 我只能找到正则内的字体 bootstrap.css

Answer 1

您输入的图标名称是否正确？每个图标库都有自己的命名约定，因此如果您创建自定义图标，它们将具有唯一的名称。

这三个库的home icon：

字体真棒：fa fa-home

bootstrap: glyphicon glyphicon-home

icomoon: icon-home

Bootstrap add custom icons to glyphicon for bootstrap-select