@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:
- Create a new npm package
- Add your font file to the same directory as the
package.json
created in step 1. - 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")
- Publish to npm!