외부 솔루션 도입 캔버스 글꼴이 유효하지 않습니다

1.css 파일 가져 오기 외부 글꼴

@ 글꼴 얼굴 { 
    글꼴 - 가족 : 'hwhp' ; 
    SRC : URL ( '../ 글꼴 / hwhp.ttf') 형식 ( '트루'),
        URL ( '../ 폰트 / hwhp.eot');
        URL ( '../ 글꼴 / hwhp.woff') 형식 ( 'WOFF'),
        URL ( '../ 폰트 / hwhp.svg') 포맷 ( 'SVG') ;
}

글꼴 스타일 캔버스 설정

VAR WM = document.createElement ( '캔버스' );
        wm.setAttribute ( '폭', 600 );
        wm.setAttribute ( '높이', 500 );
        VAR CTX = _wm.getContext ( '2D' );
        ctx.font = "130 x 96 픽셀 'hwhp'" ;
        ctx.translate ( 50, 380 );
        ctx.rotate ( -0.5 );
        ctx.fillStyle = "#의 F8F8FF" ;
        ctx.fillText (텍스트, 0, 0);

가장 중요한 단계는, HTML 파일은 글꼴 스타일의 사용을 향상시키는 데 필요한 다음과 같은 요소를 볼 수 있어야합니다 첫 번째 요소 본체를 넣어보십시오.

<DIV 스타일 = "글꼴 - 가족 : hwhp;"> </ DIV>.