mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
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

2 Comments:
At January 27, 2008 at 11:31 AM, Anonymous Anonymous said...

고맙습니다 ^^

 
At January 27, 2008 at 11:51 AM, Blogger mwultong said...

도움이 되셨다니 기쁩니다
^_^

 

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top