搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 HTML/CSS 語法 Font Awesome 擁有200多款圖標樣式的字體庫 ! ...
byadmin 發表於 2013-5-29 21:01:03 , 4497人已閱讀 , 0人回應
font awesome.png
Font Awesome 是一款 Web Symbols 的圖標字體庫。這套圖標字體庫聚集了200多餘款圖標樣式,除了包括 Twitter Boostrap 的默認圖標外,還有社交網絡圖標、Web應用程序圖標和編輯器圖標等等,可以免費用於商業項目。

          DOWNLOAD

Font Awesome 使用方法



步驟一、Font Awesome 的使用方法很簡單,只需要先引入CSS檔案(如下):
  1. <link rel="stylesheet" href="css/font-awesome.css"> //路徑請依據檔案實際位置修改
複製代碼
步驟二、使用 i 標籤指定圖標樣式添加在類別中(class)就完成囉(如下):
  1. <i class="icon-camera-retro"></i>
複製代碼
<效果>
範例效果.png

官方提供了更多豐富的使用範例:立即前往查看

收藏回覆 只看該作者 道具 舉報

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.037574 second(s), 42 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-22 11:53

回頂部