detect-font

0.1.5 • Public • Published

Detect which font your system has cherry-picked from font-family.

Travis   npm   License MIT

  • npm: npm install detect-font --save

Usage

import { detectFont, supportedFonts } from 'detect-font';
 
const element = document.querySelector('...');
 
// Yield the first font that is supported on the element.
console.log(detectFont(element));
 
// Otherwise display all valid fonts for the element.
console.log(supportedFonts(element));

When a typeface is encountered — monospace, sans-serif or serif — then it will be returned and the font discovery will not continue. For example in the following case monospace will be returned — the fonts will not be considered:

.example {
    font-family: monospace"Times New Roman"Arial;
}

In the unlikely event that a valid font cannot be determined detectFont will yield false — an empty array will be returned by supportedFonts.

Found a problem? Please raise an issue.

Links

forthebadge

Package Sidebar

Install

npm i detect-font

Weekly Downloads

274

Version

0.1.5

License

MIT

Last publish

Collaborators

  • wildhoney