# Google font, Material icon 安裝方式
###### tags: `Sz` `CDN` `2021夏季切版班`

以下都是將檔案從雲端提出來用的方法（依賴對方的網路狀態）
所以不需要把檔案下載下來（下載下來沒特別作處理，也沒辦法上傳，只有你的電腦看得到）
而提取的動作就是掛上對方的 CDN ，檔案就知道這個資料不會從資料夾去找，會去他的網站找的意思
[Google fonts 網站](https://fonts.google.com/?selected=Material+Icons:store)
[Material icons 網站](https://fonts.google.com/icons?selected=Material+Icons:store)

## Google font
1. 選好字體後，
2. 這串複製貼到 html 的 head 就可以囉
3. 之後 CSS 裡就可以取用這些字體使用了（在 css 裡面沒有拿出來用也不會有效果喔）

## Material icon 安裝方式
1. 進去 instructions
2. 進去 [第一個單元](https://developers.google.com/fonts/docs/getting_started)
3. 進去後 左邊 [sidebar Material Icons Guide](https://developers.google.com/fonts/docs/material_icons)
4. 這裡就是 Material Icons 的用法說明書了
用法很多種，找自己懂的，去找 CDN，一樣複製到 head 去
:::info
細部調整 icon 如何使用可以再細讀[Material Icons Guide](https://developers.google.com/fonts/docs/material_icons)
:::
5. 這樣檔案就能辨識這個網站給的語法了