@canvas-fonts/helveticaneue

1.0.4 • Public • Published

@canvas-fonts/helveticaneue

HelveticaNeue package for canvas

Usage

const { registerFont, createCanvas } = require('canvas');
registerFont(require("@canvas-fonts/helveticaneue"), { family: "HelveticaNeue" });
const canvas = createCanvas(400, 48);
const ctx = canvas.getContext('2d');
ctx.font = `24px "HelveticaNeue"`;
ctx.fillText("HelveticaNeue", 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!

Package Sidebar

Install

npm i @canvas-fonts/helveticaneue

Weekly Downloads

52

Version

1.0.4

License

none

Unpacked Size

5.93 MB

Total Files

4

Last publish

Collaborators

  • jacoblee93
  • retrohack3r