9.1 Font Download
앞에서 살펴보았듯이 Style을 통해서 특정한 FONT를 지정한 경우에, 브라우저는
해당 HTML문서를 화면에 출력할 때 FONT를 자기가 실행되는 PC에서 가져오게 된다고 설명했다.
따라서, 해당 FONT가 없는 경우에는 기본 폰트로 화면을 그리게 되어서, 디자이너의 의도를
벗어나는 동작을 하게 된다.
Explorer4.0이상에서는 이렇게 폰트가없는 경우 해당 폰트를 다운로드 받을 수 있도록
하는 기능이 추가 되었다. 다음은 MS사에서 제공하는 예이다.
<HTML><HEAD>
<STYLE>
@font-face {font-family:comic;
src:url(http://abc.domain.com/fonts/comicbold.eot);}
</STYLE>
</HEAD>
<BODY>
<P STYLE="font-family:comic;font-size:18pt">this line uses the @font-face
style element to display this text using the Comic Sans MS font in 18-point
size and bold.
<P>
</BODY></HTML>
|
원리는 간단하다 @font-face를 이용해서 지정된 폰트를
특정한 사이트에서 다운받도록 구성하면 된다.
9.2 Filter
Explorer4.0이상에 추가된 기능중에서 Filter기능이 제공된다. 필터는
Multimedia파일 즉, 이미지같은 파일을 브라우저 단에서 그래픽 툴처럼 필터링 처리가
가능하게 해준다는 것이다. MS의 간단한 예제를 보자.
|
<IMG ID=sample SRC="sample.jpg"
STYLE="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50)
progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); width=50%">
|
| Before | After |
 |
|
|
다음은 좀더 복잡한 예이다.( Source 보기 )
이 예는 4개의 이미지가 매초에 한번씩 Filter효과를 통하여 변경되도록 되어있다. 처음 시작은
현재의 HTML문서가 완전히 Loading된 이후에 시작된다.( BODY Tag에 OnLoad=init() )
Filter에서 좀더 자세히 알고 싶은 사람은 다음 사이트에서 정보를 얻기 바란다.
MS Filter Information
- Last Update : 2001.7.2 by Deadfire(http://www.deadfire.net)
|
|
|
DHTML이란?
기 타