css - 如何在 Bootstrap glyphicons 中添加引号图标？

Question

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

Answer 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;
}

<blockquote>I'm quoted</blockquote>