<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 前端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.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 99久久精品免费看国产一区二区三区| 精品无码国产污污污免费网站国产| 99久久国产综合精品网成人影院| 国产成人精品免费视频网页大全| 久久久久国产精品| 亚洲国产精品一区第二页| 91精品国产品国语在线不卡 | 国产成人精品一区在线 | 久久夜色精品国产噜噜噜亚洲AV| 国产成人精品日本亚洲直接| 中文字幕久久精品无码| 国产微拍精品一区二区| 亚洲国产精品无码AAA片| 精品国产国产综合精品| 欧美精品亚洲精品日韩传电影 | 久久99精品久久久久久久久久 | 99热这里只有精品在线| 人妻少妇精品中文字幕AV| 九色精品视频在线观看| 2022精品国偷自产免费观看| 99久久人妻无码精品系列| 日韩精品视频一区二区三区 | 国产精品久久波多野结衣| 人妻熟妇乱又伦精品视频| 亚欧洲精品在线视频免费观看 | 国产A∨国片精品一区二区| 热99re久久国超精品首页| 国产精品白丝AV网站| 久久国产精品无码HDAV| 久久精品中文字幕无码绿巨人| 国产亚洲精品不卡在线| 成人午夜精品亚洲日韩| 久久99国产乱子伦精品免费| 国内精品视频九九九九| 国产99久久精品一区二区| 凹凸69堂国产成人精品视频| 动漫精品专区一区二区三区不卡| 亚洲精品黄色视频在线观看免费资源| 精品免费视在线观看| 国产精品成人观看视频国产 | 精品亚洲欧美无人区乱码 |