분류 그누보드

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

컨텐츠 정보

본문

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

희망규짱님의 댓글

나눔고딕을 설정했는데. 글씨가 작을수록 뭔가 번쩍? 이는게 커지는것같아서 뭔가 잘 안보이는건 기분탓일까나요 허..
목록
Total 5 / 1 Page
RSS
그누보드4s 구글 폰트 적용하기 댓글 2

그누보드 현재 제 홈페이지는 위와 같이 나눔고딕 적용 중입니다. 몇몇 변경 안된 부분은.. 귀차니즘 때문에.. 아무튼 관련링크 1번에 있는 적용 방법을 …

그누보드4s에서 _blank 문제 해결하기.

그누보드 그누보드4s 37버전부터 링크에 _blank를 걸면 target 속성이 사라지는 현상이 발생합니다.그 이유는HTMLPurifier 때문인데요.정…

그누보드4s와 네이버 신디케이션

그누보드 그누보드엔 기본적으로 네이버 신디케이션 플러그인이 있습니다.본의아니게 바로 연동이 되는데요.잘 연동이 되면 상관없는데 처음부터 standby 상…

그누보드g4s 관리자 화면의 소유하신 도메인 변경.

그누보드 관리자 화면 제일 밑에 보시면 소유하신 도메인. 이렇게 되어 있는데요/root/adm/admin.tail.php에 보시면 17번째 줄에<f…

그누보드에서 Google analytics 설치 위치

그누보드 구글 웹로그 분석에 가입 후 진행하면 스크립트가 나오는데<script> (function(i,s,o,g,r,a,m){i['Google…

최근글


새댓글