使用 FontAwesome Icon

使用 FontAwesome Icon

FontAwesome Icon

下載檔案: https://fontawesome.com/download

Download1

Download2

在網頁上引用icon js (依下戴檔案解壓縮後存放路徑修改)

  1. <script src="~/Content/fontawesome-free-6.4.2-web/js/all.min.js"></script>
  2. <link rel="stylesheet" href="~/Content/fontawesome-free-6.4.2-web/css/all.min.css">

在官方網站尋找要的ICON, 網址: https://fontawesome.com/search

把class貼到HTML按鈕class上

  1. <button type='button' class=btn btn-success' id='btn_AAA'>
  2.   <span style='margin-right:5px; font-size:24px;' class="fa-solid fa-user"></span>
  3.   some text
  4. </button>

打完收工!!

留言

這個網誌中的熱門文章

ORA-12514: TNS: 監聽器目前不知道連線描述區中要求的服務

Oracle 例外控制(Exception Control)

Oracle 工作排程 DBMS_JOB 筆記