Line Awesome

用法

跟FontAwesome4完全一樣,只要引入CSS,用i tag加上class就能使用

  1. HTML <head>引入CSS資源
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/css/line-awesome.css" />
  2. HTML <body>內使用<i>呼叫line awesome
    i.la.la-exclamation

Line Aewsome取代Font Awesome

當目前的專案已經使用Font Awesome開發一段時間時,
全數手動更換class成Line Awesome會很花成本,
這時可以使用互換性的Line Awesome CSS,
只要替換CSS,不用更換class,就能全數更新成Line Awesome的icon

  1. HTML <head>引入CSS資源
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/font-awesome-line-awesome/css/all.css" />
  2. HTML <body>內繼續使用Font Awesome的<i>
    i.fa.fa-exclamation

參考資料

  • https://icons8.ru/line-awesome/howto
  • https://icons8.com/line-awesome

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *