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	4.0	9.0	3.6	4.0	10.1

글꼴 속성 집합 또는 캔버스에 텍스트 내용에 대한 현재의 글꼴 속성을 반환합니다.

폰트 속성은 동일한 구문을 사용 CSS font property .

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

값	기술	플레이
font-style	글꼴 스타일을 지정합니다. 가능한 값 : 표준 이탤릭체 비스듬한	»플레이
font-variant	글꼴의 변형을 지정합니다. 가능한 값 : 표준 작은 대문자	»플레이
font-weight	글꼴 굵기를 지정합니다. 가능한 값 : 표준 대담한 대담 거룻배 (100) (200) (300) (400) (500) 600 (700) (800) (900)	»플레이
font-size/line-height	픽셀 폰트 크기 및 라인 높이를 지정	»플레이
font-family	폰트 패밀리를 지정합니다	»플레이
표제	글꼴 자막 컨트롤을 사용하여 (like buttons, drop-downs, etc.)	»플레이
상	라벨 아이콘에 사용되는 글꼴을 사용합니다	»플레이
메뉴	메뉴에 사용 된 글꼴을 사용합니다 (drop-down menus and menu lists)	»플레이
메시지 상자	대화 상자에 사용 된 글꼴을 사용합니다	»플레이
작은 캡션	작은 컨트롤을 라벨에 사용하는 폰트를 사용	»플레이
상태 표시 줄	윈도우의 상태 표시 줄에 사용 된 글꼴을 사용합니다	»플레이