# 字體採本地端檔案如何設定
###### tags: `網頁切版直播班 - 2021 夏季班` `切版直播班`

1. 下載 [字體](https://www.google.com/get/noto/#sans-hant) (Noto Sans CJK TC)
1. 然後照上面說的，在 assets 中新增 fonts 資料夾來放（記得解壓縮）
1. 在 style 內新增一個 SCSS 檔案來使用 @font-face 設定字體
1. 並在 all.scss 一開始 @import
> ```=css
> @font-face {
> font-family: "Noto Sans CJK TC Regular"; /* 這個可以自己取名 */
> src: url(../fonts/NotoSansCJKTC/NotoSansCJKtc-Regular.otf); /* 這是我的路徑 */
> font-weight: normal;
> }
> ```