Package Exports

@canvas-fonts/helveticaneue
@canvas-fonts/helveticaneue/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@canvas-fonts/helveticaneue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@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:

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!