HTML canvas font Propery

글꼴을 사용하여 캔버스에 30 픽셀 높은 텍스트를 쓰기 "Arial" :

자바 스크립트 :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
font	예	9.0	예	예	예

글꼴 속성 집합 또는 캔버스에 텍스트 콘텐츠의 현재 글꼴 속성을 반환합니다.

글꼴 속성은 같은 구문을 사용하여 CSS 글꼴 속성을 .

기본값:	10px의 산세 리프
자바 스크립트 구문 :	context.font="italic small-caps bold 12px arial";

값	기술	플레이
font-style	글꼴 스타일을 지정합니다. 가능한 값 : normal italic oblique	»플레이
font-variant	글꼴의 변형을 지정합니다. 가능한 값 : normal small-caps	»플레이
font-weight	글꼴 굵기를 지정합니다. 가능한 값 : normal bold bolder lighter 100 200 300 400 500 600 700 800 900	»플레이
font-size/line-height	픽셀 글꼴 크기 및 줄 높이를 지정합니다	»플레이
font-family	폰트 패밀리를 지정합니다	»플레이
caption	글꼴 자막 컨트롤을 사용하여 (버튼처럼 드롭 다운 등)	»플레이
icon	레이블 아이콘에 사용되는 글꼴을 사용합니다	»플레이
menu	메뉴 (드롭 다운 메뉴와 메뉴 목록)에 사용 된 글꼴을 사용합니다	»플레이
message-box	대화 상자에 사용 된 글꼴을 사용합니다	»플레이
small-caption	작은 컨트롤을 라벨에 사용되는 글꼴을 사용합니다	»플레이
status-bar	윈도우 상태 표시 줄에 사용 된 글꼴을 사용합니다	»플레이