HTML 캔버스 글꼴 특성

예

30 픽셀은 "굴림"글꼴을 사용하여 캔버스에 텍스트를 작성합니다 :

자바 스크립트 :

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

인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 글꼴 속성.

참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.

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

사용되는 문법 및 글꼴 속성 CSS 글꼴 속성 동일합니다.

기본값 :	10px의 산세 리프
자바 스크립트 구문 :	문맥 .font = "이탤릭체 작은 모자대담한 12 픽셀의 굴림";

值	描述
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	使用用于窗口状态栏中的字体。