HTML & Publishing2018. 3. 3. 17:02

简体中文 (간체중문) / zh_CN / 중국어 / Simplified Chinese

繁體中文 (번체중문) / zh_TW / 대만어 / Taiwan





Chinese Standard Web Fonts : A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese

중국의 표준 웹 폰트 : 중국어 간체 웹 디자인을 위한 css 폰트 패밀리 안내


- 표준 중국어(간체) 웹 폰트 종류:

Windows

OS X

黑体:SimHei

宋体:SimSun

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微软雅黑体:Microsoft YaHei [as of Win7] 冬青黑体: Hiragino Sans GB [NEW FOR SNOW LEOPARD]

华文细黑:STHeiti Light [STXihei]

华文黑体:STHeiti

华文楷体:STKaiti

华文宋体:STSong

华文仿宋:STFangsong


- 중국어 폰트 사용하기 위한 좋은 css 규칙:

중국폰트를 사용하며 중국어와 로마자 표기법(영어)을 같이 선언해주면 현지와 현지 이외에서의 사용에 도움이 된다.

ex) font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;


- 중국어 대상 폰트 앞에 영어 대상 폰트 선언:

영문폰트는 중국문자를 포함하고 있지 않지만 중국폰트는 영어문자를 포함하고 있다. 만약 중국폰트를 영문폰트 앞에 선언한다면 영문폰트 대신 중국폰트의 영어문자가 표현될 것이다. 중국폰트의 영어문자는 영문폰트의 영어문자보다 못생겼다.

그러므로 영문폰트를 중국폰트 앞에 선언하면 영어문자가 첫 번째로 렌더링 되고 중국문자가 뒤의 중국폰트의 중국문자를 사용하여 표시된다.

ex) font-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;


- 마이크로 소프트(윈도우)와 맥 폰트 선언:

위의 영어 대상 폰트 선언처럼 Mac용 중국폰트와 윈도우를 위한 중국폰트를 적어도 하나 선언해야 한다. (Arial / Helvetica와 같이)

목표로 하고 있는 플랫폼(윈도우/맥)에 맞추어 첫 번째를 선언해야 한다.


- 중국폰트 선언시 글꼴 따옴표를 넣어야 할까? :

명확하게 규정되어 있는 대답은 찾을 수가 없다. 일부에서는 따옴표를 선언하고 일부에서는 선언하지 않는다.

ex) without quotes: font-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;

and without quotes: font-family: Georgia, "Times New Roman", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif; 


- 중국의 주요 글꼴들 :

宋体12号 – SimSun 12pt font

중국 웹 디자인에서 영어폰트의 arial폰트처럼 가장 공통 일반적으로 사용하는 기본 폰트이다.

Example site: 중국 비디오 공유 사이트 http://www.tudou.com 에서 기본 body 폰트로 SimSun 을 사용한다.

ex) font-family: Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif;


微软雅黑 – Microsoft YaHei

중국 폰트의 Helvetica 느낌. Mac 폰트는 STHeiTi 의 라이트 버전인 STXihei에 상응한다고 생각한다.

Example site: 중국의 reader and web developer DaiJie의 Baidu blog

ex) font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;


仿宋 – FangSong

편안하고 막연한 scripty폰트. 많은 scripty 폰트들처럼 폰트사이즈를 14px 기본으로 그 이상을 필요로 한다고 본다.

ex) font-family: Georgia, "Times New Roman", "FangSong", "仿宋", STFangSong, "华文仿宋", serif;


楷体 – KaiTi

FangSong보다 조금 더 매끈한 그리고 문자 간격이 조금 더 넓은 scripty 폰트이다. 14pt아래로 잘 하지 않는다고 본다.

ex) font-family: Georgia, "Times New Roman", "KaiTi", "楷体", STKaiti, "华文楷体", serif;


대부분의 중국 폰트 파일은 적어도 3000 기본 문자를 갖는 어마어마한 종류의 폰트여서 @font-face로 잘 embedding 하여 렌더링하지 않는다. 많은 표준 아닌 중국 폰트들은 대부분 5MB 이상이고, @font-face 생성은 폰트 사이즈 제한을 2MB로 하고 있다.


- 중국 번체 간체의 차이?

약 50년 전 중국은 문맹률이 매우 낮아서 중국 전체 문자 언어를 "단순화"하기로 결정했다. 중국 문자인 한자의 복잡성을 줄이고, 문자의 많은 선의 톤을 제거한 쓰기 시스템을 내놓았다.

문제점: 중국 본토에 사는 사람들만 영향을 받았다. 중국 본토 외부에 사는 사람들인 대만, 홍콩, 미국과 해외 중국 이주자들은 채택하지 않았다. 그래서 지금 한자는 두 가지 방법을 쓸 수 있다. 한 가지 방법은 오래된 방법인 "기존의 문자", 웹 폰트로는 Big5라고 부른다.

다른 방법은 새 방법인 중국에서만 사용하는 "간체자", 웹 폰트로는 GB2312이다.


만약 당신 중국 본토 대상의 사이트를 위한 폰트를 선택한다면 GB2312(간체자)를 선택하라. 만약 홍콩, 해외의 차이나 타운, 대만 등을 대상으로 한다면 Big5를 사용해라. 대부분의 중국 웹 사이트들은 다중 언어 플랫폼을 모두 제공한다.


- 참조 및 원문 : http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/


 - 출처 : Chinese Standard Web Fonts(중국의 표준 웹 폰트 : 중국어 간체 웹 디자인을 위한 css 폰트 패밀리 안내) | Web Publish / WWW 이야기 | 2014. 1. 13. 19:28 | 작성자 : 잎새 (jynsys) | URL : http://jynsys.blog.me/70182873010

'HTML & Publishing' 카테고리의 다른 글

인스타그램 위젯  (0) 2018.07.17
[HTML] pre, code 태그  (0) 2018.06.17
유튜브 동영상 반응형 삽입  (0) 2018.02.03
SNS 아이콘 아미지 모음  (0) 2018.01.14
호스팅 php 버전 체크방법  (0) 2018.01.11
Posted by cpu21