CSSfont屬性相同。例如，如果我們希望我們的字體是Arial 88px bold，我們可以這樣定義我們的字體：

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
ctx.font = 'bold 88px Arial';

該字符串為我們提供了字體的基本樣式，但如果我們想更改顏色，我們可以重用該fillStyle屬性(其工作方式與shape相同)。讓我們的字體變白：

ctx.fillStyle = 'white';

現在我們已經定義了我們的字體和顏色，我們可以使用ctx.fillText()函數來填充我們的文本。ctx.fillText()具有以下語法：

ctx.fillText(textToDisplay, x, y)

textToDisplay是我們要顯示的文本。

x是該文本的 x 坐標。

y是該文本的 y 坐標。

例如，我們的最終代碼，假設我們想在坐標 (10,80)px 處顯示文本“Hello World”，將如下所示：

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
ctx.font = 'bold 88px Arial';
ctx.fillStyle = 'white';
ctx.fillText("Hello World!", 10, 80);

這最終會產生這樣的結果：