دستورالعمل‌های مرجع

HTML برچسب‌ها

font ویژگی تنظیم یا بازگشت ویژگی‌های فونت متن محتوای کانواس.

font نحوه‌ی استفاده از ویژگی‌ها با ویژگی font CSSمشابه.

یک متن 40 پیکسلی روی کانواس بنویسید، از فونت "Arial" استفاده کنید:

JavaScript:

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

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	از این فون برای نوار وضعیت پنجره استفاده می‌شود.

مقدار پیش‌فرض:	10px sans-serif

اعداد در جدول نشان‌دهنده نسخه‌های اولین مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.

Chrome	Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
4.0	9.0	3.6	4.0	10.1

نکته:نسخه‌های 8 و قبل از آن از عناصر <canvas> پشتیبانی نمی‌کنند.