Home/ Questions/Q 4036950
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T12:17:11+00:00

I’m printing text to a canvas in a pretty straight forward way: var ctx

  • 0

I’m printing text to a canvas in a pretty straight forward way:

var ctx = canvas.getContext('2d');
ctx.font = "10pt Courier";
ctx.fillText("Hello World", 100, 100);

But how can I change the text to bold, italic or both? Any suggestions to fix that simple example?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From the MDN documentation on CanvasRenderingContext2D.font:

    The CanvasRenderingContext2D.font property of the Canvas 2D API specifies the current text style to use when drawing text. This string uses the same syntax as the CSS font specifier.

    So, that means any of the following will work:

    ctx.font = "italic 10pt Courier";

ctx.font = "bold 10pt Courier";

ctx.font = "italic bold 10pt Courier";

    Here are a couple of additional resources for more information:

    • 0