<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <canvas id="canvas1" width="400" height="400"></canvas> <script type="text/javascript"> var ctx = document.getElementById('canvas1').getContext('2d'); ctx.font = "40px monospace"; ctx.fillText("lowercase", 50, 50); ctx.font = "32px monospace"; ctx.fillText("SMALLCAPS", 50, 100); ctx.font = "40px monospace"; ctx.fillText("CAPITALS", 50, 150); </script> </body>