[CSS] 국가별 기본 웹폰트

글로벌 사이트 EDM 작업 중, 각 나라별로 쓰는 기본 폰트가 있을것이므로 기본 폰트에 대응해 font-family를 변경해준다.

 

 

 

한글

/* MAC */
body{font-family:'apple sd gothic neo', sans-serif}

/* window */
body{font-family:'Malgun Gothic', sans-serif}

/**
 * APPLE SD Gothic Neo는 MAC OS X 및 iOS의 기본 국문 폰트이다
 * Malgun Gothic은 window 기본 국문 폰트이다
 * sans-serif는 고딕체를 나타낸다.
 */
 

 

영어

/* MAC */
body{font-family:'apple sd gothic neo', sans-serif}

/* window */
body{font-family:'Segoe UI', sans-serif}

 

 

중국어

/* MAC */
body{font-family:'apple sd gothic neo', sans-serif}

/* window */
body{font-family:'Microsoft YaHei UI', sans-serif} /* 간체 */
body{font-family:'Microsoft JhengHei UI', sans-serif} /* 번체 */

 

 

일본어

/* MAC */
body{font-family:'apple sd gothic neo', sans-serif}

/* window */
body{font-family:'Yu Gothic UI', sans-serif}

 

 

 

 

 

 

 

 

---

언어별로 폰트 패밀리 다르게 하기

 

<style>
  :lang(zh) {font-family:'LiHei Pro Medium', sans-serif}
  :lang(ko) {font-family:'nanum gothic', sans-serif}
  :lang(ja) {font-family:osaka, sans-serif}
  :lang(en) {font-family:'helvetica neue', sans-serif}
</style>

<p lang="zh">使劲儿</p>
<p lang="ja">がんばれ</p>
<p lang="ko">힘내</p>
<p lang="en">Fighting!</p>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

참고, 출처 : 

 

docs.microsoft.com/ko-kr/windows/uwp/design/globalizing/loc-international-fonts

국가별 글꼴 - UWP applications

support.apple.com/ko-kr/HT210192

macOS Catalina에 포함된 서체

 

nuli.navercorp.com/community/article/1132731

다국어 웹사이트 지원을 위한 HTML과 CSS

 

 

en.wikipedia.org/wiki/List_of_ISO_639-1_codes