- don't specify src by default in ldi font-face since it's usually in other path.

 - add bundled `index.min.css` to simplify icon font loading
 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Logs
 
+## v0.2.0
+
+ - don't specify `src` by default in ldi font-face since it's usually in other path.
+ - add bundled `index.min.css` to simplify icon font loading
+
+
 ## v0.1.10
 
  - republish to add missing files

README.md

@@ -7,7 +7,7 @@ Build icon font with SVGs, along with a pixel-perfect line icon set in 24x24 / 1
 
 ## Usage
 
-include ldif.min.css file and specify font url ( if font file is not in the same directory of css file ):
+include ldif.min.css file and specify font url:
 
     <link rel="stylesheet" type="text/css" href="ldif.min.css"/>
     <style type="text/css">

bin/bundle.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+// Generated by LiveScript 1.6.0
+var fs, path, recurse;
+fs = require('fs');
+path = require('path');
+recurse = function(root){
+  var cssFile, b64, css, files, i$, len$, file, results$ = [];
+  cssFile = path.join(root, "ldif.min.css");
+  if (fs.existsSync(cssFile)) {
+    console.log("bundle " + cssFile + " ...");
+    b64 = fs.readFileSync(path.join(root, "ldif.woff2")).toString('base64');
+    css = fs.readFileSync(cssFile).toString();
+    css += "@font-face{font-family:'ldi';src:url(data:font/woff2;base64," + b64 + ") format('woff2')}";
+    fs.writeFileSync(path.join(root, "index.min.css"), css);
+  }
+  files = fs.readdirSync(root).map(function(it){
+    return path.join(root, it);
+  });
+  for (i$ = 0, len$ = files.length; i$ < len$; ++i$) {
+    file = files[i$];
+    if (fs.statSync(file).isDirectory()) {
+      results$.push(recurse(file));
+    }
+  }
+  return results$;
+};
+recurse(path.join(__dirname, '..'));

build

@@ -2,11 +2,15 @@
 rm -rf dist
 mkdir -p dist
 mkdir -p bin
-rm -f bin/makefont.js bin/server.js
+rm -f bin/makefont.js bin/server.js bin/bundle.js
 echo "build src/makefont.ls -> bin/makefont.js"
 echo "#!/usr/bin/env node" > bin/makefont.js
 ./node_modules/.bin/lsc -cpb src/makefont.ls >> bin/makefont.js
 chmod 755 bin/makefont.js
+echo "build src/bundle.ls -> bin/bundle.js"
+echo "#!/usr/bin/env node" > bin/bundle.js
+./node_modules/.bin/lsc -cpb src/bundle.ls >> bin/bundle.js
+chmod 755 bin/bundle.js
 echo "build src/server.ls -> bin/server.js"
 echo "#!/usr/bin/env node" > bin/server.js
 ./node_modules/.bin/lsc -cpb src/server.ls >> bin/server.js
@@ -30,6 +34,9 @@ cat dist/legacy/ldif.ttf | ./node_modules/.bin/ttf2woff2 > dist/legacy/ldif.woff
 cat dist/line-16-light/ldif.ttf | ./node_modules/.bin/ttf2woff2 > dist/line-16-light/ldif.woff2
 cat dist/line-24-bold/ldif.ttf | ./node_modules/.bin/ttf2woff2 > dist/line-24-bold/ldif.woff2
 
+echo "bundle font with css ..."
+./bin/bundle.js
+
 echo "copy dist to dev web ..."
 rm -rf web/static/assets/lib/ldif/dev/
 mkdir -p web/static/assets/lib/ldif

dist/index.min.css

@@ -4,7 +4,6 @@
   font-style: normal;
   font-display: block;
 /* this shold be overwritten by users to point to correct path */
-  src: url("ldif.ttf") format('truetype');
 }
 i {
 /* use !important to prevent issues with browser extensions that change fonts */