【踩坑】codepen没有出现fontawesome的icon!

有时候想要刻一些小物件，或是需要分享程序码给人以便请教问题

我都会使用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就可以出现啦!