CanvasではTextも描画する事が可能です。
描画するメソッドや、フォントなどの設定を試しているページです。

■ソースコード

var canvas = document.getElementById("canvas1");
var context = canvas.getContext("2d");
// メソッドの違い
context.font = "18px serif";
context.fillStyle = "#00ffff";
context.strokeStyle = "#00ffff";
context.fillText("FillTextメソッド",10,20);
context.strokeText("StrokeTextメソッド",10,50);
// 色を指定
context.fillStyle = "#00ffff";
context.fillText("色指定：StrokeText",10,80);
// フォントを指定
context.strokeStyle = "#ff0000";
context.font = "18px 'MS Pゴシック'";
context.strokeText("フォント指定：Stroke Text", 10, 110);
context.fillStyle = "#ff0000";
context.fillText("フォント指定：Stroke Text", 10, 140);
//Web Font
context.fillStyle = "#ff0000";
context.font = "18px Playball";
context.fillText("フォント指定：Stroke Text", 10, 170);
// maxWidth設定例。ChromeやSafariでは実装されていない。
context.font = "18px 'MS Pゴシック'";
context.fillStyle = "#00ff00";
context.fillText("MaxWidth指定なし：Stroke Text", 10, 200);
context.fillText("MaxWidth指定あり：Stroke Text", 10, 230,180);
// 横にはみ出す
context.fillText("長くてはみ出す文字：Stroke TextAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA", 10, 260);

■【参考】CSSの（標準）フォント

serif	明朝体系
sans-serif	ゴシック体系
cursive	筆記体系
fantasy	装飾文字系
monospace	等幅フォント

Canvas Text