add-font
v1.0.2
Published
Register font by url or as arrayBuffer
Downloads
68
Maintainers
Readme
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.