如何在Bootstrap glyphicons中添加報價圖標？

Question

我猜標題說明了一切。報價圖標不存在於我正在使用的引導程序3中設置的圖標圖標中。 我知道我可以使用一個單獨的圖像，但這意味着一個額外的請求正在進行，並且圖像也不會是矢量的。所以我想知道也許有一個更優雅的方式來做到這一點？

Answer 1

嘗試使用字體真棒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> 

Answer 2

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>