1. 先進入這個網址[Castoro](https://fonts.google.com/specimen/Castoro) 2. 右側可以選擇兩個，分別是 <link> 與 @import ，他們個別的引入方式都不同 link ![](https://imgur.com/FxBSWT2.png) import ![](https://imgur.com/nhQ98Vy.png) 3-1. link 屬於 HTML 引入的方式。 若為一般在 VScode 內的則寫在 <head> 內， 若在 CodePen 內則需要點擊 Settings (紅圈內) ![](https://imgur.com/kWngXIf.png) 將上述的 link 直接貼在下方這個區塊 ![](https://imgur.com/ZAfC56Y.png) 3-2 @import 屬於 CSS 引入的方式‧ 若為一般在 VScode 內的則直接將內容貼在 CSS 內， 若在 CodePen 內則需要點擊 Settings (紅圈內) ![](https://imgur.com/sqmp5pe.png) 將上述 @import 的內容放在向方紅圈內 ![](https://imgur.com/qfNaspP.png) 4. 最後在寫在程式碼內即可。