그누보드에 웹폰트 적용하기... > 그누3 팁자료실

그누3 팁자료실

그누보드에 웹폰트 적용하기... 정보

HTML 그누보드에 웹폰트 적용하기...

본문

그누보드의 루트 디렉토리에 보시면, style.css 라는 스타일시트가 존재합니다.
이를 수정하면 그누보드에서도 웹폰트를 사용하실 수가 있습니다.
링크게시판을 통해 웹폰트 티티체가 적용된 것을 보세요.
오랫동안 링크 걸어두지는 못할 것 같습니다. (__)~

그럼 수정방법입니다.
첫째, 위 스타일시트파일을 에디터로 엽니다.
첫줄에 웹폰트를 사용할 경로를 포함시킵니다.
예> @font-face {font-family:웹폰트이름; src:url(http://업로드한 자신의 계정/파일이름);}
실제예> @font-face {font-family:티티체; src:url(http://webfont.info/TTche.eot);}

둘째, "font-family:돋움" 으로 된 부분을 위의 첫째줄에서 설정한 웹폰트이름으로 모두 바꿉니다.
위에서 웹폰트이름은 자신이 원하는 어떤 이름으로 주어도 상관없습니다.
예> "font-family:티티체" 로 모두 바꿈

셋째, "font-size:12pz" 로 되어있는 부분을 웹폰트의 크기로 바꿉니다.
모든 웹폰트는 최적의 폰트크기가 정해져 있습니다. 예로 들고있는 티티체는 9포인트 웹폰트입니다.
예> "font-size:9pt"로 모두 바꿈 (끝이 t임을 유의하세요)

그런후 수정된 파일을 "아스키 모드"로 업로드합니다.

==========================< 실제 수정된 style.css >==========================
@font-face {font-family:웹폰트; src:url(http://www.obbaya.com/font/TTche.eot);}
body, td, p, input, button, textarea, select {
color:#222222; font-family:웹폰트; font-size:9pt;
}

a:link, a:visited, a:active { font-size:9pt; font-family:웹폰트; text-decoration:none; color:#222222; }
a:hover { font-size:9pt; font-family:웹폰트; text-decoration:underline; color:#cc3366; }

.subject { color:#222222; font-weight:bold; }
.subjectbg { background-color:#EEEEEE; }
.list { color:#222222; }
.list0 { background-color:#FFFFFF; }
.list1 { background-color:#F5F5F5; }

.tablebg { background-color:#CECFCE; }

.input { }
.textarea { }
.button { }
.select { }
추천
4

댓글 전체

전체 1,026
그누3 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT