<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

          存檔

          狠狠狠色丁香婷婷综合久久五月| 久久亚洲精品国产精品婷婷 | 国产精品亚洲综合专区片高清久久久 | 久久婷婷成人综合色综合| 国产精品成人无码久久久久久| 激情五月综合综合久久69| 狠狠综合久久综合88亚洲| 国产精品美女久久久久av爽| 国产一区二区久久久| 午夜福利91久久福利| 久久久久人妻精品一区三寸蜜桃| 国内精品久久久人妻中文字幕| 偷窥少妇久久久久久久久| 国产精品久久成人影院| AV无码久久久久不卡网站下载| 久久996热精品xxxx| 91精品国产9l久久久久| 久久人妻AV中文字幕| 久久丫忘忧草产品| 久久se精品一区精品二区国产 | 国产精品狼人久久久久影院 | 欧美久久一区二区三区| 久久99热狠狠色精品一区| 三上悠亚久久精品| 精品久久久中文字幕人妻| 日本一区精品久久久久影院| 国内精品久久国产大陆| 久久亚洲精品成人AV| 精品伊人久久大线蕉色首页| 久久精品国产一区二区| 国产免费久久精品丫丫| 国产精品成人无码久久久久久 | 思思久久99热只有频精品66| 久久婷婷人人澡人人| 人妻无码精品久久亚瑟影视 | 欧美黑人激情性久久| 亚洲第一极品精品无码久久| 99久久婷婷免费国产综合精品| 五月丁香综合激情六月久久| 日日躁夜夜躁狠狠久久AV| 久久精品国产亚洲AV无码娇色|