아래의 사이트에서 컴퓨터의 웹브라우저에서 사용되는 폰트를 알수 있다.

http://visibone.com/font/FontResults.html


1. 텍스트를 이미지 대체 (Image Replacement) 방법
   
   (1) Text-indent 속성 : 텍스트를 웹브라우저의 밖으로 위치시켜 이미지 위에 글자가 나오는 것을 방지 한다. (오버플로우발생 h1의 기본 설정 높이가 적용할 이미지 보다 커서 부자연 스러울때 Overflow:hidden 기능을 사용하여 여백제거 가능)
       단점 : 이미지가 로딩 안될경우 공백으로 나옴.
       
   (2) 마크업(Markup)을 사용 : 이미지에 특별한 설정 없이 텍스트를 대체 하는 방법 span은 배경이미지가 HTML 텍스트를 덮어서 보이지 않게 만들어 준다.
       장점 : Text-indent 속성의 단점을 보안

   (3) 플래시 대체 : HTML을 가지고 서체를 선택하는 것만으로 모든 제목의 서체를 자동으로 바꾸는 sIFR이 있다.
     (sIFR사용시 태그안의 공백이나개행은 플래시대체시 한글자만큼의 공간을 가지게 되므로 주의)
     * 자바스크립트 독립변수
       sSelector : 대체를 원하는 요소를 정의 ','를 사용하여 구성요소들을 구별함
       sFlashSrc : 텍스트 대체를 사용하려는 플래시 파일의 위치를 정의
       sBGColor : 플래시 대체때 사용할 배경색
       sColor : 플래시 대체때 사용할 폰트색
       sWmode : transparent(배경투명하게) / opaque(대체시 배경색사용)
       장점 : 독특한 서체를 사용할 경우
       단점 : 변경되어야할 리소스가 많으면 웹페이지가 느리게 뜨게 된다.



크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기
2009/06/05 01:08 2009/06/05 01:08
TAG 이올린 태그검색올블로그 태그검색티스토리 태그검색, 이올린 태그검색올블로그 태그검색티스토리 태그검색, 이올린 태그검색올블로그 태그검색티스토리 태그검색

trackback url :: http://dewily.com/tc/dew/trackback/230

댓글을 달아 주세요

write a comment

[로그인][오픈아이디란?]