Google提供了許多開源的線上字型,這篇會來介紹如何在自己的專案載入Google提供的字型。
首先到 Google Font的網站點選Font
選一個你想要的字型,也可以用搜尋的
我這邊示範選擇Roboto,點進去之後會看到下面的畫面
對自己想要的字重按+號,想按引入幾種就按幾種。
右手邊就會出現你選擇的字型
點選link可以貼到html的header上
又或者是點選import可以從scss上載入
這樣就載入完成了,可以使用font-family語法直接引入字型了
1 | .body { |