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

 
Previous Post Common Files 폴더 이거 지워도 되나요?캐논 EF 렌즈와 EF-S 렌즈 차이점, Canon EFS Lens 차이리튬 전지의 특성; Lithium Battery 장단점CR2032, CR2025 버튼형 리튬전지 차이점 x 수은전지 차이망고 병조림 사진, 시식기; 파인애플 + 복숭아 맛; Mango Fruit파이어폭스 말풍선 넣기 태그, 파폭 불여우 툴팁 출력; Firefox Tooltip Tag...MS 컴파일러; 마이크로소프트 C CompilerHTML CSS, 마우스 커서 변경 방법, 모래시계, 십자가; Mouse Cursor Ch...CSS 적용 방법, CSS 태그는?2차원 배열 출력 소스; C언어 이차원 배열 출력, Java에서

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

Thursday, August 23, 2007

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

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 파일

2 Comments:
At 11:31 AM, Anonymous Anonymous said...

고맙습니다 ^^

 
At 11:51 AM, Blogger mwultong said...

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

 

Post a Comment

<< Home RSS 2.0 feed

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