[HTML-CSS] 윈도우에 내장된 기본 한글 폰트들의 영문명; 로마자 이름

HTML 의 CSS에서
        style="font-family:'굴림';"
이렇게 한글로 폰트명을 쓸 수도 있고
        style="font-family:Gulim;"
이렇게 영문으로 쓸 수도 있습니다.

한글명으로 기입해도 좋지만, 만에 하나 문제가 있다면 다음과 같이 영문명으로 대체하면 됩니다.


돋움 : Dotum
돋움체 : DotumChe

굴림 : Gulim
굴림체 : GulimChe

바탕 : Batang
바탕체 : BatangChe

궁서 : Gungsuh
궁서체 : GungsuhChe

새굴림: New Gulim

맑은 고딕 : Malgun Gothic



※ '맑은 고딕' 폰트는, 윈도우 비스타 이상의 OS에만 있음. '맑은고딕'이라고 붙여 쓰면 인식 못함.

※ 글꼴 이름에 공백이 있는 것, 즉 띄어쓰기가 된 폰트는 예를 들어 반드시
'Malgun Gothic'
이렇게 따옴표로 둘러싸 주어야 합니다. 그렇지 않으면 나중에 골치 아픈 에러가 날 수 있습니다.

※ 이름 끝에, '체'가 붙은 글꼴들은 '고정폭 폰트'입니다. 글자들의 간격이, 글자의 종류나 모양과 상관없이 항상 일정합니다. 프로그래밍을 할 때나, 가지런한 데이터를 작성할 때 '고정폭 폰트'를 주로 사용합니다. 따라서 일반적인 글쓰기에서는 '체'가 붙지 않은 글꼴을 사용하는 것이 자연스럽게 보입니다.



관련 게시물: ▶▶ '맑은 고딕' 폰트를, 워드프로세서의 본문에 적용한 예제

☞ HTML | CSS | 자바스크립트 JavaScript