如何在 Bootstrap glyphicons 中添加引号图标？答案

【问题标题】：How to add quote icon in Bootstrap glyphicons?如何在 Bootstrap glyphicons 中添加引号图标？
【发布时间】：2015-11-26 03:20:51
【问题描述】：

我想标题说明了一切。我正在使用的引导程序 3 中设置的字形图标中没有引号图标。我知道我可以使用单独的图像，但这意味着提出了额外的请求，并且图像也不会是矢量的。所以我想知道是否有更优雅的方法可以做到这一点？

【问题讨论】：

标签： css twitter-bootstrap-3 glyphicons

【解决方案1】：

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

&lt;blockquote&gt;I'm quoted&lt;/blockquote&gt;

【讨论】：

很好，但我的问题是关于引用 icon 而不是样式引用输出。
非常好。但也不要忘记关闭引号，否则从第二个引号开始，您只会看到单引号。方法如下：blockquote:after{ content: no-close-quote; }

【解决方案2】：

尝试使用 Font-Awesome http://fortawesome.github.io/Font-Awesome/icons/ 它有 qoutes。

下载并在您的项目中实施，当您完成实施后，您可以像这样使用它：

<i class="fa fa-quote-left"><i>I'm quoted!<i class="fa fa-quote-right"><i>

【讨论】：

我知道，但我已经在项目的其他地方使用了 glyphicon，我宁愿坚持下去。
glyphicon 没有引号，除非他们会在新版本中添加新的字形。