CSS font-family

html {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica
      Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

• 폰트는 시스템 폰트를 사용하자. 웹 리소스 로딩을 많이 줄일 수 있다.

• 폰트 사이즈는 px대신 rem을 사용하자. 사용자 브라우저 사이즈에 맞게 유동적으로 대응할 수 있다.

웹 폰트와 사이즈는 어떻게 결정해야할까? - peterkimzz

웹 사이트의 완성도를 결정하는 가장 중요한 요소 중 하나는 바로 폰트 입니다. 폰트는 한국어로 서체 정도로 해석할 수 있겠고, 비슷한 활자의 모음이라고 생각하면 됩니다. 이 폰트는 같은 Family라면 (Serif, Sans-serif 등) 얼핏보면 구분하기 어려울 정도로 미세하게 다릅니다. 하지만, 이 미세한 차이가 독자의 피로도를 크게 좌우하기 때문에 신중하게 선택해야합니다.

https://www.peterkimzz.com/how-to-pick-web-font-and-size/