@canvas-fonts/noteworthy

Noteworthy font packaged for node-canvas

Usage no npm install needed!

<script type="module">
  import canvasFontsNoteworthy from 'https://cdn.skypack.dev/@canvas-fonts/noteworthy';
</script>

README

@canvas-fonts/noteworthy

Noteworthy package for canvas

Usage

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

Will create this image:

preview

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")
  1. Publish to npm!