日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

前端Boostrap系列之一：稀世珍寶：270款圓滑的 Twitter Boostrap 矢量圖標(biāo)

2017-7-20 藍(lán)藍(lán)設(shè)計的小編

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點這里

如果你不那么在意許可證，那么還有很多類似的字體圖標(biāo)庫可以使用，最引人注目的是 Font Awesome。下載此字體時，你還會收到所有 SVG 格式的矢量圖標(biāo)，這樣你就可以修改這些字體，使其更加完善，并貢獻(xiàn)到 Github 上面。

這套精美的 Twitter Boostrap 矢量圖標(biāo)集除了包括 Boostrap 的默認(rèn)圖標(biāo)外，還有社交網(wǎng)絡(luò)圖標(biāo)和常用的網(wǎng)頁圖標(biāo)。

使用方法

使用 LESS 模式：

拷貝 elusive-iconfont 目錄到你的項目中；
拷貝 elusive-webfont.less 文件到 bootstrap/less 目錄。
打開 bootstrap.less 文件并替換 @import "sprites.less"; 為 @import "elusive-webfont.less";
編輯 elusive-webfont.less 文件，讓字體路徑指向正確的位置：

                                        @font-face { 
                                    
                                          font-family: 'Elusive-Icons'; 
                                    
                                          src:url('../font/Elusive-Icons.eot'); 
                                    
                                          src:url('../font/Elusive-Icons.eot?#iefix') format('embedded-opentype'), 
                                    
                                            url('../font/Elusive-Icons.svg#Elusive-Icons') format('svg'), 
                                    
                                            url('../font/Elusive-Icons.woff') format('woff'), 
                                    
                                            url('../font/Elusive-Icons.ttf') format('truetype'); 
                                    
                                          font-weight: normal; 
                                    
                                          font-style: normal; 
                                    
                                        }