css-face-string

css-face-string

Generate a css string with font-face declaration from JS data.

Useful for generating font faces programatically. Works in node.js and the browser.

Useful with browserify and insert-css

Use

var cfs = require('css-face-string')

cfs.file({
  name: 'Inconsolata',
  files: [{ url: './inconsolata.ttf', format: 'truetype' }
        ,{ url: './inconsolata.woff', format: 'woff' }]
})
//> @font-face {font-family: "Inconsolata";src: url("./inconsolata.ttf") format("truetype"), url("./inconsolata.woff") format("woff");

cfs.url("http://fonts.googleapis.com/css?family=Averia+Sans+Libre:400,300italic,700")
//> @import url(http://fonts.googleapis.com/css?family=Averia+Sans+Libre:400,300italic,700);

// No sugar:
cfs(cfs.types.FILE, {
  name: 'Inconsolata',
  files: [{ url: './inconsolata.ttf', format: 'truetype' }]
})

cfs(cfs.types.URL,
    "http://fonts.googleapis.com/css?family=Averia+Sans+Libre:400,300italic,700")

npm install --save css-face-string