적용방법은 아래목록에 있는 것과 같이 1번은 같습니다.
먼저 /zbxe/common/css/폴더안에 있는 default.css를 열어서
@charset "utf-8";
@charset "utf-8";
@font-face {font-family:nontoxic; src:url(../css/nontoxic_barun_2.eot)undefined}
@font-face {font-family:seevaa9; src:url(../css/seevaa9.eot)undefined}
@font-face {font-family:soyabarun9; src:url(../css/soyabarun9.eot)undefined}
가지고 있는 웹폰트를 위와 같이 등록합니다.(이전에 ftp로 웹폰트파일들을 올려야 겠죠)
2.웹폰트로 변형하고싶은 위젯을 선택합니다.
여기서는 예로 최근문서위젯의 xe_official 스킨의 흰배경을 택하여 하는 방법입니다.
/zbxe/widgets/newest_document/skins/xe_official/css/폴더안에 있는 white.css를 열어서
.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}
.latest_white ul { }
.latest_white ul li { height:20px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;}
.latest_white ul li .title a { color:#555555; text-decoration:none; font:1em TTche; }
.latest_white ul li .title a:hover { text-decoration:underline;}
.latest_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}
.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;}
.latest_white a.more:hover { text-decoration:underline;}
.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}
.latest_white ul { }
.latest_white ul li { height:20px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;}
.latest_white ul li .title a { color:#555555; text-decoration:none; font:1em TTche; }
.latest_white ul li .title a:hover { text-decoration:underline;}
.latest_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}
.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;}
.latest_white a.more:hover { text-decoration:underline;}
빨간색 부분을 추가해 주시면 됩니다.
