그누보드 분류

그누보드4s 구글 폰트 적용하기

컨텐츠 정보

  • 17,618 조회
  • 2 댓글
  • 0 추천
  • 목록

본문

nanum.png


현재 제 홈페이지는 위와 같이 나눔고딕 적용 중입니다.

몇몇 변경 안된 부분은.. 귀차니즘 때문에..

아무튼 관련링크 1번에 있는 적용 방법을 이용하면 매우 쉽게 적용 가능합니다.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css"> 
<style> 
body {  
 font-family: 'Nanum Gothic', sans-serif
        font-size: 12px; 
      } 
</style> 

그누보드4s 환경설정 -> 레이아웃 추가설정  -> 추가 script, css

부분에 추가해주면 바로 적용 되구요.

저는 폰트 크기를 13으로 맞춰줬습니다.

12로 하니 약간 작은 기분이 들더군요.

그리고 두번째 관련 링크에 보시면 bold 속성 추가하는 부분이 나옵니다.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css"> 
<style> 
body {  
 font-family: 'Nanum Gothic', sans-serif
        font-size: 12px; 
        font-weight: 700
      } 
</style> 

위와 같이 font-weight 속성을 주면 bold가 들어가고 800을 주면 extra-bold가 들어갑니다.

없으면 normal이구요 ㅎㅎ



그리고 나눔고딕 이외도 다른 한글 폰트도 있는데요,


위 링크에서 korean 이라고 검색하면 나옵니다. 

현재는 나눔고딕을 포함하여 6종류인데요.

앞으로 늘어나길 기대하면서 리스트를 나열해봅니다.

Hanna (Korean)

Woowa Brothers, a company dedicated to contributing to the world’s graceful progress by utilizing information technology, has created the ‘Hanna’ font for everyone to use. Hanna reflects Woowa Brothers’ kitsch and retro identity; it is reminiscent of our childhood memories of trying to draw something really nice, yet our drawing turns out to be a little rough and half-baked. Hanna is just like that kid’s drawing, and will bring you back to the time when you were little. Enjoy and share!

Link

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

Example

font-family: 'Hanna', serif;

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;

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;

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;

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;

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;


적용하는 방법은 감이 오시죠? 

css 파일과 폰트 패밀리쪽을 제일 위 샘플에서 빨간색 글자들로 대치해주면 바로 적용됩니다. ^^

관련자료

댓글 2

희망규짱님의 댓글

나눔고딕을 설정했는데. 글씨가 작을수록 뭔가 번쩍? 이는게 커지는것같아서 뭔가 잘 안보이는건 기분탓일까나요 허..
전체 43 / 1 페이지
RSS

최근글


새댓글


알림 0