[CSS] Q. font-family 기본 폰트는 어떤 것을 설정해야 할까?

OS별 시스템 폰트

Windows XP : 굴림
Windows Vista, 7, 8, 10 : 맑은 고딕

OS X 라이언 (10.8) : 애플 고딕

OS X 마운틴 라이언 (10.9) : 애플 산돌 고딕 네오

 

Ubuntu : 나눔고딕

 

Android 4.4 이전 - Droid Sans fallback (고딕)

Android 4.4 이후 - 나눔고딕

 

iOS 5.x 이하 - 애플 고딕

iOS 6.x  - 애플 산돌 고딕 네오 (일반체와 볼드체)

iOS 7.x  - 애플 산돌 고딕 네오 (100 ~ 900)

 

윈도우 폰 - 마이크로소프트 네오 고딕

---

Q. 어떤 폰트를 사용하면 좋을까?

- 아래를 읽고, 상황에 맞게 사용한다.

 

Window

- 맑은 고딕

- 다국어 윈도우 지원을 위해서 "malgun gothic" 영문 폰트명 추가

 

OS X

- Apple SD 산돌고딕 Neo

- 다국어 윈도우 지원을 위해서 "AppleGothicNeoSD" 영문 폰트명 추가

  (기본적으로 iOS 기기는 한글 글꼴명을 인식하지 않기 때문에 영문 글꼴명은 필수로 넣어줘야 한다.)

- 구버전 운영체제에서 지원폰트가 없는 경우:

  한글은 무조건 "애플 고딕"으로 표기가 되기 때문에 따로 넣을 필요가 없다.

- "AppleGothic"을 기본 폰트로 사용할 경우:

  제거 하는 것을 권장한다. OS X 10.9이상에서는 네오고딕이 Systemwide로 기본적용 되지만, font-family에

  AppleGothic이 설정되어 있으면 AppleGothic이 적용되어버리기 때문에 가독성에 심각한 영향을 준다. 

 

윈도폰

- Microsoft NeoGothic

- 윈도폰에 맑은 고딕도 탑재되어 있기 때문에 크게 문제시 되지 않으나, 네오고딕에 최적화 되어있기에 전용 글꼴에

  맞춰주는 것이 좋다.

 

안드로이드 폰

- Droid sans

- font-family 마지막에 sans-serif를 적용하면 "Droid sans"가 적용되기는 하나, 제조사 커스텀 된 폰에는 어떻게 뜰지

  모르기 때문에 가장 표준적인 Droid Sans를 불러오도록 하는 것이 일관성 있고 좋다.

font-family: 맑은 고딕, malgun gothic, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, Microsoft NeoGothic,  Droid sans, sans-serif;

---

[공부 좌표]

OS별 시스템 폰트

운영체제 별 시스템 폰트 적용

 

[기본 지식]

font-family