카테고리 없음

CSS 시스템 폰트 System font css

tricks 2020. 10. 1. 14:58

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 브라우저는 지원하지 않는다.