JSPM

@sequencemedia/make-face

1.1.711
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 289
  • Score
    100M100P100Q110085F
  • License UNLICENSED

Convert font files into CSS @font-face declarations with embedded Base64 data

Package Exports

    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 (@sequencemedia/make-face) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Make Face

    Convert otf, ttf, eot, svg, woff, or woff2 font files to CSS @font-face {} declarations with embedded data as src: url() (in Base64).

    Always:

    npm i @sequencemedia/make-face

    Logging

    Logging is implemented with debug and can be enabled with the @sequencemedia/make-face namespace. This package will execute silently without that namespace enabled

    Run from the command line

    node make-face -f ~/from/file/path -t ~/to/file/path
    node read-face -f ~/from/file/path -t ~/to/file/path/file.css

    With debug

    DEBUG=@sequencemedia/make-face node make-face -f ~/from/file/path -t ~/to/file/path
    DEBUG=@sequencemedia/make-face node read-face -f ~/from/file/path -t ~/to/file/path/file.css

    Make Face

    Read font files from the file system and transform them to css files.

    import { makeFace } from 'make-face'

const fromDirectory = '~/origin/file/path'
const toDirectory = '~/destination/file/path'

makeFace(fromDirectory, toDirectory)

    With debug

    import debug from 'debug'
import { makeFace } from 'make-face'

debug.enable('@sequencemedia/make-face')

const fromDirectory = '~/origin/file/path'
const toDirectory = '~/destination/file/path'

makeFace(fromDirectory, toDirectory)

    Read Face

    Read css files from the file system and concatenate them to another css file.

    import { readFace } from 'make-face'

const fromDirectory = '~/src/file/path'
const toFile = '~/destination/file/path/file.css'

readFace(fromDirectory, toFile)

    With debug

    import debug from 'debug'
import { readFace } from 'make-face'

debug.enable('@sequencemedia/make-face')

const fromDirectory = '~/src/file/path'
const toFile = '~/destination/file/path/file.css'

readFace(fromDirectory, toFile)