<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矢量圖標

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















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

          日歷

          鏈接

          個人資料

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

          存檔

          99久久国产宗和精品1上映| 中文成人无码精品久久久不卡| 亚洲日本va中文字幕久久| 久久99国产精品久久99小说| 久久夜色精品国产噜噜亚洲a| 欧洲人妻丰满av无码久久不卡 | 国产2021久久精品| 人人狠狠综合久久亚洲| 久久婷婷国产综合精品| 午夜精品久久久久成人| 久久久久久久99精品免费观看| 日本久久中文字幕| 72种姿势欧美久久久久大黄蕉| 热RE99久久精品国产66热| 久久精品一区二区国产| 国产精品久久久久a影院| 久久综合狠狠综合久久激情 | 无码人妻久久久一区二区三区 | 亚洲精品国产美女久久久| 久久97久久97精品免视看秋霞| 久久久av波多野一区二区| 青青草原综合久久大伊人| 香蕉99久久国产综合精品宅男自 | 99re这里只有精品热久久| 久久天天婷婷五月俺也去| 久久久久久青草大香综合精品| 久久97精品久久久久久久不卡| 久久国产免费观看精品3| 久久妇女高潮几次MBA| 久久精品久久久久观看99水蜜桃| 久久久精品波多野结衣| 久久国产视屏| 人妻无码久久精品| 99久久综合国产精品免费| 免费一级欧美大片久久网| 久久久久国色AV免费观看 | 青青草原精品99久久精品66| 亚洲国产欧洲综合997久久| 亚洲AV无码久久精品成人| 亚洲AV无码成人网站久久精品大| 欧美精品久久久久久久自慰|