有時候想要刻一些小物件，或是需要分享程式碼給人以便請教問題

我都會使用codepen (真的是初學者很棒的輔助工具)

它可以搭配Notion，讓人更做筆記更有效率

但前幾天遇到使用fontawesome時，沒辦法正常顯示的問題

剛開始用的時候都用<link>寫在HTML的部分，不離開畫面時，icon都可以正常出現

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">‵

但只要離開畫面或是重整，就會發現icon消失了...(°ཀ°)

這時候可以這樣設定~
先到fontawesome網站把跟使用"版本相符"的網址copy下來

再到codepen的文件裡面，Settings → CSS 把這段網址貼上
https://use.fontawesome.com/releases/v5.15.4/css/all.css

codepen會把他做作為<link>，在讀取我們寫的CSS之前先讀取這個link物件
這樣icon就可以出現啦!