묻고답하기
[문의]일반 페이지에서 웹폰트 적용 방법
2007.10.03 12:46
안녕하세요?
일반 페이지 텍스트 부분에 웹폰트를 적용할려고 하는데,
웹상에서 찾아본 방법대로 스타일을 만들어서 적용시키긴 했는데,
서버에 올려 놓고 테스트 해보면, 웹폰트가 전혀 적용이 안되네요.
폰트 사이즈는 제대로 구현되는 거 같은데,
정작 글꼴 변화는 없더군요.
그냥 굴림체로 보이구요.
<HEAD></HEAD>
사이에 적용된 스타일은
------------------------------------------------------
@font-face {
font-family:sanmeng_m;
font-style:normal;
font-weight:normal;
src:url(웹폰트 저장 절대 경로/파일명.eot);
}
-----------------------------------------------------
이렇게 코딩했는데,
코드 작성후 드림위버에서 "Refresh" 하면, 그 부분에 밑줄이 생기고,
마우스를 가져가면, 이런 메세지가 뜨네요.
"error parsing styles [Microsoft Internet Explorer 5.0]"
스타일 코딩 부분이 잘못된 건지,
웹상에서 찾아보니까, 대부분 이렇게 코딩을 하라고 되어 있던데...
일반 페이지에 웹폰트 적용하는 방법 아시는 분은,
많은 도움 부탁드립니다.
좋은 하루 되시구요.
아래는 페이지에 적용된 코드 부분입니다.
----------------------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>제목 부분</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height: 20pt;
background-attachment:fixed;
background-repeat: no-repeat;
}
@font-face {
font-family:ulneng_m;
font-style:normal;
font-weight:normal;
src:url(http 폰트 절대 경로/파일명.eot);
}
@font-face {
font-family:sanmeng_m;
font-style:normal;
font-weight:normal;
src:url(http 폰트 절대 경로/파일명.eot);
}
#Layer1 {
position:absolute;
width:360;
height:680;
z-index:1;
left: 0;
top: 0;
}
-->
</style>
</head>
<body>
<div id="Layer1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="360" height="680">
<param name="movie" value="swf/main_menu02.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="swf/main_menu02.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="360" height="680"></embed>
</object>
</div>
<table width="960" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" rowspan="16"> </td>
<td><p align="center" style="font-family:ulneng_m;font-size:16pt;"><span lang="EN-US" xml:lang="EN-US"> 월간 교육 계획안 </span></p></td>
</tr>
<tr>
<td width="680" height="60"> </td>
</tr>
<tr>
<td><p align="right" style="font-family:ulneng_m;font-size:14pt;"><span style="font-family:ulneng_m;font-size:14pt;"><span lang="EN-US" xml:lang="EN-US"><만 3세></span></span></p> </td>
</tr>
<tr>
<td align="right"><img src="c/9wol-3se.gif" width="674" height="1406" /></td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td><p align="right" style="font-family:ulneng_m;font-size:14pt;"><만 4세> </p></td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="right"><img src="c/9wol-4se.gif" width="676" height="1341" /></td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td><p align="right" style="font-family:ulneng_m;font-size:14pt;"><만 5세> </p></td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="right"><img src="c/9wol-5se.gif" width="676" height="1143" /></td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td><p align="right" style="font-family:ulneng_m;font-size:14pt;"><종일반></p></td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="right"><img src="c/9wol-jong.gif" width="672" height="4431" /></td>
</tr>
</table>
</body>
</html>