使用 Font Awesome Icon 示範(包含 CDN 連結)

筆者目前在工作中通常都是使用 Google 的 Material IconsBootstrap Icons 和本篇要介紹的Font Awesome Icons

平時在使用這些 icon 時,首頁一打開就會看到上面的安裝方式,通常是使用 CDN 或是 npm ,半秒就安裝好了。最近在示範使用 Font Awesome icons 時一下子沒有找到安裝的方式,除了一個大大的 email 輸入視窗以外。

研究了一下,看到 Font Awesome Icons 的收費方式後就明白了:

免費方案有超過 1,700 個 icon,每個月在網站上可以瀏覽 10,000 次

所以在輸入完 email,設定完密碼後就會有一個專屬的連結,也可以上傳圖檔,一並加入到這個連結中。

如果不想要註冊,還有一個方法,官網也有提供免費檔案下載,可以自行下載使用

不過當然,在這開源的網路世界中,想要不用註冊也不用手動下載的 cdn 連結也是非常容易找到的,例如 cdnjs:

    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" />
    

留言