CSS 시스템 폰트 System font css

OS 별 시스템 폰트

특정 운영 체제의 시스템 폰트를 기본값으로 설정하면 성능을 향상 시킬 수 있다.

 

맥 기본 시스템 폰트

OS	버전	시스템 폰트
Mac OS X	El Capitan	San Francisco
Mac OS X	Yosemite	Helvetica Neue
Mac OS X	Mavericks	Lucida Grande

윈도우 기본 시스템 폰트

Windows	Vista	Segoe UI
Windows	XP	Tahoma
Windows	3.1 to ME	Microsoft Sans Serif

안드로이드 기본 시스템 폰트

Android	Ice Cream Sandwich (4.0)+	Roboto
Android	Cupcake (1.5) to Honeycomb (3.2.6)	Droid Sans

우분투 기본 시스템 폰트

Ubuntu

All versions

Ubuntu

시스템 폰트 적용하기

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

system-ui

일반 글꼴 패밀리

작성자가 시스템 UI에 맞도록 컨텐츠 스타일을 지정할 수 있다. 

IE , FireFox 브라우저는 지원하지 않는다.