Cufon Font Style Example

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="javascript">
            /*
            #########################################
             
             Cufon: VML,Canvas Replacement Technique
                 
                The following browsers are supported:
                    •Internet Explorer 6, 7 and 8
                    •Mozilla Firefox 1.5+
                    •Safari 3+
                    •Opera 9.5+
                    •Google Chrome 1.0+

http://cufon.shoqolate.com/generate/

            #########################################
             
            ** IE7이하부터는 Class지정 적용이 안됨 태그지정으로만 인식 **
             
            #########################################
             
                > 사용가능한 속성
                 
                autoDetect     - true, false
                color          - keyword, #rrggbb
                fontFamily     - fontName
                fontSize       - px
                fontStretch    - %, normal
                fontStyle      - normal, italic
                fontWeight     - bold, normal
                forceHitArea   - true, false   ※IE 마우스 이벤트 히트영역을 수정하고자 할 경우 사용하는 옵션.
                hover          - true, false, object   ※쿠폰 적용시, hover는 false값이 초기값, true로 변동해야 작동된다
                hoverables     - {tagName:true, ...}
                letterSpacing  - px
                textShadow     - '1px 1px #000'   ※많은 브라우저는 이 기능을 지원하지 않는다.
                textTransform  - 'uppercase', 'lowercase', 'capitalize', 'none' 
            */
             
            // 서체 설정
            Cufon.set('fontFamily', 'YoonGothic550');
             
            // 하나의 대상에만 적용시
            Cufon.replace('h1');
             
            // 하나의 대상에 서체 및 스타일 적용시
            Cufon.set('fontFamily', 'YDIYMjO320').replace('h2',{letterSpacing:'-1'});
 
            // 하나 이상의 대상에 서체 및 스타일 적용시
            Cufon.set('fontFamily', 'YDIYMjO320').replace(['h2', 'h2+p'],{letterSpacing:'-1'});
             
            // 여러 대상에 적용시          
            Cufon.replace('h1')('p'); //방법1
            Cufon.replace(['h1','p','ul'], {hover: true}); //방법2
             
            // 대상에 여러가지 속성을 적용시
            Cufon('h1', {
               color: '-linear-gradient(#b7dded, 0.2=#70ceef, 0.5=#20b4e2, #b1dbeb)',
               hover: {textShadow: '2px 2px red', color: '-linear-gradient(black, white)'},
            });
              
            Cufon.replace('p', {
                  color:'#fff',
                  textShadow: '3px 1px rgba(0, 127, 127, 0.9)',
                  letterSpacing: '-1px',
                  textTransform: 'uppercase'
                  }
            );
        </script>
    </head>
    <body>
         
        <h1>테스트 문장 1</h1>
        <p>테스트 문장 2</p>
         
        <script type="javascript"]]>
            Cufon.now(); // ※IE 브라우저에 필요. 문서가 준비되면 대체하게 하는 코드.
        </script>
    </body>
</html>