<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天堂久久| 久久91精品久久91综合| 99久久国产综合精品成人影院| 久久99精品国产99久久| 色综合久久综精品| 国内精品伊人久久久久妇| 亚洲国产精品久久电影欧美| 国产精品99久久免费观看| 日日狠狠久久偷偷色综合0| 久久一日本道色综合久久| 久久九九久精品国产| 久久精品国产网红主播| 内射无码专区久久亚洲| 久久久91精品国产一区二区三区| 亚洲国产一成久久精品国产成人综合| 亚洲欧美日韩中文久久| 国产精品欧美久久久久无广告 | 2020久久精品国产免费| 久久精品国产99久久丝袜| 国产精品美女久久久m| 久久妇女高潮几次MBA| 久久国产美女免费观看精品 | 久久99热这里只有精品国产 | 2020久久精品亚洲热综合一本| 久久久无码精品亚洲日韩蜜臀浪潮 | 麻豆成人久久精品二区三区免费| 久久国产成人亚洲精品影院| 久久精品人人做人人妻人人玩 | 人妻中文久久久久| 国产成人精品综合久久久| 99久久成人国产精品免费| 久久精品国产久精国产果冻传媒| 欧美国产精品久久高清| 日韩亚洲欧美久久久www综合网| 久久精品国产亚洲AV嫖农村妇女 | 亚洲精品乱码久久久久久按摩| 内射无码专区久久亚洲| 久久人人青草97香蕉| 色综合久久久久综合99| 久久久久人妻一区精品果冻|