Canvas font Property

Watch a demo of different values of the font property.

Or click a specific value to see the result:

font = 'normal 30px Arial';
font = 'italic 30px Arial';
font = 'oblique 30px Arial';
your browser does not support the canvas tag
your browser does not support the canvas tag
your browser does not support the canvas tag
const c = document.getElementById('myCanvas');
const ctx = c.getContext('2d');
ctx.font='italic 30px Arial';
ctx.fillText('Hello World',10,30);

Play more with the code in our Tryit yourself editor: Try it Yourself ❯