나눔고딕, 나눔명조 등 나눔체 구글 웹폰트 사용하기

그동안 나눔 고딕 웹폰트를 사용하는 방법을 두가지 알아봤습니다. 이번에는 구글 웹폰트 사이트에 링크해서 나눔체의 여러가지 폰트를 사용하는 방법을 알아봅니다. 아래 링크로 이동해서 아래로 스크롤 하면 중간 쯤에 나눔체를 사용하는 방법이 나옵니다. 처음에 나눔 붓체의 링크가 있습니다.

 

http://www.google.com/webfonts/earlyaccess

 

나눔 붓체

Nanum Brush Script (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver.

Nanum Brush Script is a contemporary brush script with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

Example

font-family: 'Nanum Brush Script', cursive;

SIL Open Font License, 1.1 | Download

 

위 링크는 스타일시트에 삽입해서 사용하는 방법입니다. 즉 스타일시트 상단에 웹폰트 링크를 입력하고 그 다음부터 웹폰트를 사용하고자 하는 곳에 스타일시트를 선언해 주면 됩니다.

 

<head> 태그에 시용할 경우는 다음과 같이 하면 됩니다.

 

<link href='http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css' rel='stylesheet' type='text/css' />

 

위와같이 <head>…</head> 태그 사이에 삽입하고 다음과 같이 스타일시트에 선언합니다.

 

body {

font-size: 14px;

font-size: 1rem;

font-family: ‘Nanum Brush Script’, Helvetica, Arial, sans-serif;

text-rendering: optimizeLegibility;

color: #444;

}

위의 예는 나눔 붓체의 경우이고 다른 폰트는 이름을 다르게 하면 됩니다.

 

Nanum Gothic (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver.

Nanum Gothic is a contemporary sans-serif with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

Example

font-family: 'Nanum Gothic', sans-serif;

SIL Open Font License, 1.1 | Download

Nanum Gothic Coding (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver.

Nanum Gothic Coding is a contemporary monospaced sans-serif with a warm touch and is expertly hinted for

screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

Example

font-family: 'Nanum Gothic Coding', monospace;

SIL Open Font License, 1.1 | Download

Nanum Myeongjo (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver.

Nanum Gothic is a contemporary sans-serif with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

Example

font-family: 'Nanum Myeongjo', serif;

SIL Open Font License, 1.1 | Download

Nanum Pen Script (Korean)

The Nanum fonts (Korean : 나눔글꼴) are unicode fonts designed especially for the Korean-language script, designed

by Sandoll Communications (Korean : 산돌 커뮤니케이션) and Fontrix (Korean : 폰트릭스). The publisher is Naver.

Nanum Pen Script is a contemporary pen script with a warm touch and is expertly hinted for screen use.

Link

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

Example

font-family: 'Nanum Pen Script', cursive;

SIL Open Font License, 1.1 | Download

 

댓글 남기기

Home CSS 나눔고딕, 나눔명조 등 나눔체 구글 웹폰트 사용하기
©워드프레스 완벽 입문 2012 Proudly powered by WordPress