JSPM

@sequencemedia/make-face

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

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

Package Exports

  • @sequencemedia/make-face
  • @sequencemedia/make-face/index.mjs

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)