그누보드에 웹폰트 적용하기...
링크
http://www.obbaya.com/gnu/bbs/gnuboard.php?bo_table=test (242) http://www.obbaya.com/gnu/bbs/gnuboard.php?bo_table=test (155)
그누보드의 루트 디렉토리에 보시면, 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 { }
이를 수정하면 그누보드에서도 웹폰트를 사용하실 수가 있습니다.
링크게시판을 통해 웹폰트 티티체가 적용된 것을 보세요.
오랫동안 링크 걸어두지는 못할 것 같습니다. (__)~
그럼 수정방법입니다.
첫째, 위 스타일시트파일을 에디터로 엽니다.
첫줄에 웹폰트를 사용할 경로를 포함시킵니다.
예> @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 { }
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기