웹디자인 강의
기타 [참조] 웹폰트 사용하기..
2002.03.06 01:49
[참고] 웹 폰트를 바로 홈페이지에 적용 하기
html 파일의 <head> 와 </head> 사이에
<STYLE TYPE="text/css">
<!--
@font-face {
font-family: Arial;
font-style: normal;
font-weight: normal;
src: url(ARIAL0.eot); }
-->
</STYLE>
위와 같이 추가 합니다 이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로
묶어야 합니다.
폰트를 사용 할 때에는
<font FACE=Arial SIZE=5> a b c d e f g </font>
위와 같이 해 주면 됩니다.
- 웹 폰트를 스타일 시트 (CSS)를 이용 해서 적용 하기 -
제 홈페이지를 예로 들면
@font-face {
font-family:NT-SandollGothicN;
src: url(http://shelter.zoa.to/NTSANDO1.eot);
}
body, table, tr, td, select,input,div,form,textarea, font
{
font-size:9pt;
font-family:NT-SandollGothicN;
}
style.css 파일에 다음과 같이 추가 합니다.
이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로 묶어야 합니다.
html 파일의 <head>와 </head> 사이에
<link rel="StyleSheet" href="style.css" type="text/css" rel="stylesheet" type="text/css" href="style.css">
위와 같이 추가 합니다.
-mo2ni-
[ 출처 : http://shelter.zoa.to/ ]
html 파일의 <head> 와 </head> 사이에
<STYLE TYPE="text/css">
<!--
@font-face {
font-family: Arial;
font-style: normal;
font-weight: normal;
src: url(ARIAL0.eot); }
-->
</STYLE>
위와 같이 추가 합니다 이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로
묶어야 합니다.
폰트를 사용 할 때에는
<font FACE=Arial SIZE=5> a b c d e f g </font>
위와 같이 해 주면 됩니다.
- 웹 폰트를 스타일 시트 (CSS)를 이용 해서 적용 하기 -
제 홈페이지를 예로 들면
@font-face {
font-family:NT-SandollGothicN;
src: url(http://shelter.zoa.to/NTSANDO1.eot);
}
body, table, tr, td, select,input,div,form,textarea, font
{
font-size:9pt;
font-family:NT-SandollGothicN;
}
style.css 파일에 다음과 같이 추가 합니다.
이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로 묶어야 합니다.
html 파일의 <head>와 </head> 사이에
<link rel="StyleSheet" href="style.css" type="text/css" rel="stylesheet" type="text/css" href="style.css">
위와 같이 추가 합니다.
-mo2ni-
[ 출처 : http://shelter.zoa.to/ ]
