@canvas-fonts/arial

Arial package for canvas

Usage

const { registerFont, createCanvas } = require('canvas');
registerFont(require("@canvas-fonts/arial"), { family: "Arial" });
const canvas = createCanvas(400, 48);
const ctx = canvas.getContext('2d');
ctx.font = `24px "Arial"`;
ctx.fillText("Arial", 5, 30);
const png = canvas.toBuffer();

Will create this image:

Creating your own Fonts

This font is part of the canvas-fonts collection. To use your own fonts, simply:

1. Create a new npm package
2. Add your font file to the same directory as the package.json created in step 1.
3. Add the following index.js file in that same directory:

// Replace "MyAwesomeFont.ttf" with the filename of your font!
module.exports = require('path').join(__dirname, "MyAwesomeFont.ttf")

4. Publish to npm!