9. 기 타


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%">
BeforeAfter
ocean beach ocean beach


  다음은 좀더 복잡한 예이다.( Source 보기 ) 이 예는 4개의 이미지가 매초에 한번씩 Filter효과를 통하여 변경되도록 되어있다. 처음 시작은 현재의 HTML문서가 완전히 Loading된 이후에 시작된다.( BODY Tag에 OnLoad=init() )
A
A
A
A


  Filter에서 좀더 자세히 알고 싶은 사람은 다음 사이트에서 정보를 얻기 바란다.

MS Filter Information

- Last Update : 2001.7.2 by Deadfire(http://www.deadfire.net)

DHTML 강좌
DHTML이란?
CSS
     - CSS정의방법
     - 적용우선순위
     - 텍스트관련속성
     - 텍스트간의설정
     - 여백 지정하기
     - 테두리지정하기
     - 색상 지정하기
     - 기 타
CSS그룹핑
     - 스타일시트그룹
     - 클래스
     - 사용자지정스타일
JSSS
     - 새로추가된JSSS객체
     - JSSS와CSS간의비교
Layer
     - Layer Tag의사용
     - Layer 세부사항
     - Explorer용Layer
Javascript와연동
동적인 변화
     - 텍스트/이미지변환
     - 위치 이동
동적 테이블
     - 동적테이블생성
     - 동적테이블정렬
기 타
     - Font Download
     - Filter
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master