<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 前端Boostrap系列之一:稀世珍寶:270款圓滑的 Twitter Boostrap 矢量圖標

          2017-7-20    藍藍設計的小編

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


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

           


           

          這套精美的 Twitter Boostrap 矢量圖標集除了包括 Boostrap 的默認圖標外,還有社交網絡圖標和常用的網頁圖標。


           

           

           

          使用方法

          使用 LESS 模式:

          1. 拷貝 elusive-iconfont 目錄到你的項目中;
          2. 拷貝 elusive-webfont.less 文件到 bootstrap/less 目錄。
          3. 打開 bootstrap.less 文件并替換 @import "sprites.less"; 為 @import "elusive-webfont.less";
          4. 編輯 elusive-webfont.less 文件,讓字體路徑指向正確的位置:
          1
          2
          3
          4
          5
          6
          7
          8
          9
          10
          @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-weightnormal;
            font-stylenormal;
          }

          然后重新進行 LESS 編譯就可以了。

          使用 CSS 模式:

          1. 拷貝 Elusive Icons 字體目錄到項目中;
          2. 拷貝 elusive-webfont.css 文件到項目中;
          3. 修改 elusive-webfont.css 文件中的字體路徑到正確的位置(和LESS方式類似);
          4. 在頁面的 head 里引入 elusive-webfont.css 文件:
          1
          2
          <link rel="stylesheet" href="../css/bootstrap.css">
          <link rel="stylesheet" href="../css/elusive-webfont.css">

           

          Twitter Boostrap     Elusive Icons 主頁     猛擊下載

           

          您可能感興趣的相關文章

           

          本文鏈接:稀世珍寶:270款圓滑的Twitter Boostrap矢量圖標

          編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源















          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          精品乱码久久久久久夜夜嗨| 午夜精品久久久久久毛片| 久久国产色AV免费看| 久久精品国产亚洲av麻豆色欲| 久久国产色AV免费观看| 国产—久久香蕉国产线看观看| 四虎影视久久久免费观看| 无码人妻久久一区二区三区免费丨 | 精品国产乱码久久久久软件| 亚洲午夜久久久久妓女影院| 青青草国产成人久久91网| 亚洲?V乱码久久精品蜜桃 | 久久国产免费直播| 精品综合久久久久久97超人| 午夜视频久久久久一区| 国产精品久久久久久搜索| 一级A毛片免费观看久久精品| 99久久人妻无码精品系列| 伊人色综合久久天天人手人婷| 久久亚洲中文字幕精品一区| 精品无码久久久久久尤物| 久久亚洲精品无码aⅴ大香 | 亚洲国产综合久久天堂 | 久久夜色精品国产亚洲av| 国产一级做a爰片久久毛片| 三级三级久久三级久久| 老司机午夜网站国内精品久久久久久久久| 久久久久久久人妻无码中文字幕爆| 久久免费国产精品| 国内精品久久久久久久coent| 99久久精品费精品国产一区二区| 亚洲国产精品18久久久久久| 久久综合亚洲鲁鲁五月天| 久久婷婷色香五月综合激情| 免费精品久久久久久中文字幕 | 精品国产99久久久久久麻豆| 污污内射久久一区二区欧美日韩 | 97久久精品人人做人人爽| 国内精品伊人久久久久| 久久久久人妻一区精品色| 久久精品人人做人人爽97|