HTML canvas font Propery

كتابة نص عالية 30px على قماش، وذلك باستخدام خط "Arial" :

جافا سكريبت:

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

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

الملكية
font	نعم فعلا	تسعة	نعم فعلا	نعم فعلا	نعم فعلا

مجموعات خاصية خط أو ترجع خصائص الخط الحالية لمحتوى النص على قماش.

تستخدم الخاصية الخط نفس بناء الجملة كما في خاصية 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	استخدام الخطوط المستخدمة في شريط الحالة نافذة	العبها "