使用 font awesome 设置字形图标的外观答案

【问题标题】：Using font awesome for setting up the look of glyphicons使用 font awesome 设置字形图标的外观
【发布时间】：2014-05-02 12:22:23
【问题描述】：

我有以下html代码：

<a href="test">
  <span class="glyphicon glyphicon-chevron-right"></span>
</a>

我想在某些方面改变这个箭头的外观：让它更小、更细。我听说它可以通过字体真棒来完成。我做了一些研究，但不明白我怎么能做到这一点。你们能帮我或给一个大致的方向吗？

我正在使用的一些宝石：

ruby "2.1.1"

gem "rails", "4.1.0"

gem "sass-rails", "~> 4.0.0"
gem "compass-rails", "~> 1.1.2"
gem "bootstrap-sass", "~> 3.1.1.0"
gem "haml-rails"

【问题讨论】：

【解决方案1】：

更改跨度的字体大小（使图标更小）和字体粗细（使其更细）。它会成功的。将字形图标视为文本。

html:

<a href="test">
  <span class="glyphicon glyphicon-chevron-right right-arrow"></span>
</a>

css:

.right-arrow{
  font-size: 10px;
  font-weight: 200;
}

【讨论】：