実行結果

コード

/* 12px 'Times New Roman */
ctx.font = "12px 'Times New Roman'";
ctx.fillText("Times New Roman", 10, 15);
/* 18px 'Monotype Corsiva' */
ctx.font = "18px 'Monotype Corsiva'";
ctx.fillText("Monotype Corsiva", 10, 36);
/* italic bold 22px 'ＭＳ Ｐゴシック' */
ctx.font = "italic bold 22px 'ＭＳ Ｐゴシック'";
ctx.fillText("ＭＳ Ｐゴシック", 10, 65);
/* italic bold 26px 'HG正楷書体-PRO' */
ctx.font = "italic bold 26px 'HG正楷書体-PRO'";
ctx.fillText("HG正楷書体-PRO", 10, 95);