[CSS] 맑은 고딕 적용하기

윈도우 Vista부터 기본으로 들어가 있는 '맑은 고딕'을 CSS에서 적용하려면, 다음과 같이 사용하시면 됩니다.

 

'맑은 고딕' 또는 영문으로 'Malgun Gothic' 이렇게 표시

맑은 고딕

 

 

 

인라인 스타일 방법

<span style="font-family:'Malgun Gothic';">

 

 

<style>요소를 이용한 방법

body { font-family: "Malgun Gothic", "굴림", "Gulim", "Arial"; }

 

다음은 제가 사용하고 있는 블로그에서 사용하는 Font CSS 내용입니다.
(여기서는 'Malgun Gothic', '맑은 고딕' 처럼 한글/영어로 2번 사용)

font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;
  -webkit-font-smoothing: antialiased;

윈도우 10에서 '맑은 고딕 Semilight' 글꼴이 추가되었습니다.

 

 

 

참고: http://mwultong.blogspot.com/2007/08/css-malgun-gothic.html