CSS font-family


### **[Github](https://www.github.com/)**, **[Notion](https://notion.so/)**, **[Product Hunt](https://www.producthunt.com/)**
```typehtml {  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica      Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;}```
- 폰트는 **시스템 폰트**를 사용하자. 웹 리소스 로딩을 많이 줄일 수 있다.
- 폰트 사이즈는 px대신 **`rem`**을 사용하자. 사용자 브라우저 사이즈에 맞게 유동적으로 대응할 수 있다.



> [웹 폰트와 사이즈는 어떻게 결정해야할까? - peterkimzz](https://www.peterkimzz.com/how-to-pick-web-font-and-size/)






