add-font

Register new font-face for the current web page by URL or from ArrayBuffer.

const addFont = require('add-font');
 
//CSS URL inserts the <link> to head
addFont('//cdn.jsdelivr.net/font-hack/2.020/css/hack.min.css');
 
//Font URL w/o extension inserts eot, woff2, woff, ttf, svg and otf versions
addFont('//cdn.jsdelivr.net/font-hack/2.020/fonts/eot/latin/hack-regular-latin-webfont',
    `font-family: Hack; font-weight: normal;`);
 
//Font URL with extension inserts only target font file
addFont('./wavefont.otf', 'wavefont');
 
//ArrayBuffer will insert raw data as a font
addFont(myFont.toArrayBuffer(), `font-weight: bold; font-family: my-font-${id};`);

API

addFont(cssUrl)
addFont(fontUrl, cssString|fontName)
addFont(fontUrlList, cssString|fontName)
addFont(arrayBuffer, cssString|fontName)

Attach font to the page, apply additional parameters, which are whether font name or @font-face properties, eg font-family: <x>; font-style: <y>; font-weight: <z>.

Motivation

The package is created for wavefont test. It is here mostly to save arrayBuffer font code snippet. It may be useful for font-related tests or in theory for font design tools. For regular sites for css fonts just insert <link>, for specific font use insert-styles with @font-face.

Related

• google-fonts — easy-peasy google fonts by name.
• webfontloader — solution for all possible font include cases.