스타일시트가 없는 보드에서 웹정 적용하기

보통, style.css 파일등의 스타일파일이 따로 존재하지 않는 경우에는,
소스에 스타일시트(CSS)가 포함되어 있습니다. 
주로, *.cgi나 *.pl 등의 확장자를 가지는 게시판들이 이런경우가 있기 때문에 
이번에는 CGI문법과 웹폰트적용방법을 설명하겠습니다.

CGI에서 태그를 출력하는 문법은,
print "태그"; 
이 처럼 문법자체는 간단합니다. 
이제, 님이 사용하시는 *.pl 또는 *.ez파일에서 스타일지정부분을 찾습니다.
아래예제는 공지사항중 스타일지정을 웹폰트를 적용시킨 것입니다.

print "<style type='text/css'>\n";
print ""<!--\n";
print "\@font-face {font-family:웹정;src:url(폰트파일위치);}\n"
print "A:link {font-size:9pt;font-family:웹정;color:$body_font_color;text-decoration:none;}\n";
print "A:visited {color:$body_font_color;font-size:9pt;font-family:웹정;text-decoration:none;}\n";
print "A:active {font-size:9pt;font-family:웹정;color:red;text-decoration:underline;}\n";
print "A:hover {font-size:9pt;font-family:웹정;color:ff3333; text-decoration:underline;}\n";
print "p,br,body,td,select,form {color:$body_font_color; font-size:9pt;font-family:웹정;line-height:$body_line_height;}\n";
print ".ver8 {font-size:9pt;font-family:웹정;}\n";
print "p,br,body,td,select,input,form,textarea,option {font-size:9pt;font-family:웹정;color:$gTableText7;}\n";
print ".ad{border:1 solid black}\n";
print ".cont{line-height:140%}\n";
print ".t{line-height:140%}\n"; 
print "-->\n";
print "</style>\n"

위의 예제에서 눈여겨 볼 부분은 
print "\@font-face {font-family:웹정;src:url(폰트파일위치);}\n" <-- 이 부분입니다.
@문자는 CGI에서 그냥사용하면 에러가 나기 때문에 
반드시 앞에 \문자를 붙여줘야 합니다.
이 점만 주의하면 아주 간단히 적용할 수 있을 것입니다.
결론적으로 웹폰트를 게시판등에 적용하는 것도
HTML문서를 작성하는 것과 크게 다를게 없습니다.
제일윗부분에 @font-face를 이용하여 폰트파일을 지정해 주고,
그 다음부터는 지정한 폰트이름과 사이즈를 고려하여 
스타일을 지정해 주기만 하면 됩니다.