如何减小默认 Bootstrap 图标 glyphicon glyphicon-chevron-right 的厚度？

Question

我尝试在我的设计中使用图标glyphicon glyphicon-chevron-right来表示方向，但是我需要比默认大小更细的东西。 那么如何减小默认bootstrap图标glyphicon glyphicon-chevron-right的粗细呢？ 我的代码是：

  <div style="color:#FFF;">
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  </div>

- Pawan Dongol

Answer 1

当前的bootstrap有更多的图标，包括一个较细的箭头，称为glyphicon-menu-right。

你总是可以寻找替代的图标字体。市面上有数十种免费的字体可供选择。或者你也可以雇佣别人来创建你需要的图标。或者自己动手，例如使用FontForge。

- RoToRa

Answer 2

你可以非常容易地更改所有Bootstrap字体图标的CSS。例如，在这种情况下，类.glyphicon和.glyphicon-chevron-right的字体大小和字体重量可以缩小到您想要的尺寸。

- Adil

Answer 3

我也在尝试寻找一个解决方案。我会继续搜索更好的东西，但到目前为止，我已经用 .fa-chevron-down 替换了 .glyphicon-chevron-right 的图标，这个图标稍微细一些。

- Madalina Taina

Answer 4

只需为您的图标设置width和height属性。但请确保您按比例更改图标尺寸，以便一个维度与另一个维度成比例。

- Andrew