Thursday, August 23, 2007

CSS 맑은고딕 적용하기, 맑은고딕체 웹페이지 본문에 지정 태그; Malgun Gothic

윈도우 비스타에 기본적으로 들어 있는 한글 클리어타입 폰트는 '맑은 고딕'입니다. 그런데 '맑은고딕'처럼 띄어쓰기를 하지 않거나 '맑은 고딕체'처럼 뒤에 '체'자를 붙이면 안됩니다.

CSS에 맑은 고딕을 적용하려면 홑따옴표 속에

'맑은 고딕'

또는 영문으로

'Malgun Gothic'

이렇게 지정하면 됩니다. 다음 예제는 <style type="text/css">... 태그로 본문 전체에 맑은 고딕을 한꺼번에 지정하는 법과

<span style="font-family:'Malgun Gothic';">... 태그로 특정 문장에만 맑은 고딕을 지정하는 방법입니다.

맑은고딕 적용 CSS 예제

파일명: example.html

<html>
<head>
<title>페이지 제목</title>
<style type="text/css">

body {
font-family:'Malgun Gothic';
font-size:10pt;
}

</style>
</head>

<body>

여기는 웹페이지 본문입니다. 위의 style 태그 속에서 body 태그에 맑은 고딕을 지정했기에, 본문 전체가 맑은 고딕으로 나옵니다.<br />

<span style="font-family:'Malgun Gothic';">이것은 특정 문장에만 개별적으로 맑은 고딕을 지정하는 코드입니다. 위의 style 태그와는 상관이 없이 독립적으로 작동합니다.</span>

</body>
</html>

참고: ▶▶ 모든 웹페이지 글꼴을, '맑은 고딕' 폰트로 나오게 변경하는 CSS 파일

tag: html

HTML | CSS | 자바스크립트 JavaScript