Merge pull request #28 from sebgroup/rename-svg-files

optimize fonts

projects/seb-pictograms/pictograms.scss

@@ -1,21 +1,23 @@
 @font-face {
     font-family: 'seb-pictograms';
-    src: url('fonts/seb-pictograms.eot?a7zwa4');
-    src: url('fonts/seb-pictograms.eot?a7zwa4#iefix') format('embedded-opentype'),
+    src: url('fonts/seb-pictograms.eot');
+    src: url('fonts/seb-pictograms.eot?#iefix') format('embedded-opentype'),
          url('fonts/seb-pictograms.ttf?a7zwa4') format('truetype'),
-         url('fonts/seb-pictograms.woff?a7zwa4') format('woff'),
-         url('fonts/seb-pictograms.svg?a7zwa4#icomoon') format('svg');
+         url('fonts/seb-pictograms.woff2') format('woff2'),
+         url('fonts/seb-pictograms.woff') format('woff'),
+         url('fonts/seb-pictograms.svg#seb-iconsregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'seb-light-pictograms';
-    src: url('fonts/seb-light-pictograms.eot?a7zwa4');
-    src: url('fonts/seb-light-pictograms.eot?a7zwa4#iefix') format('embedded-opentype'),
+    src: url('fonts/seb-light-pictograms.eot');
+    src: url('fonts/seb-light-pictograms.eot?#iefix') format('embedded-opentype'),
          url('fonts/seb-light-pictograms.ttf?a7zwa4') format('truetype'),
-         url('fonts/seb-light-pictograms.woff?a7zwa4') format('woff'),
-         url('fonts/seb-light-pictograms.svg?a7zwa4#icomoon') format('svg');
+         url('fonts/seb-light-pictograms.woff2') format('woff2'),
+         url('fonts/seb-light-pictograms.woff') format('woff'),
+         url('fonts/seb-light-pictograms.svg#seb-light-iconsregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
@@ -28,7 +30,7 @@
     font-variant: normal;
     text-transform: none;
     line-height: 1;
-  
+
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -50,4 +52,4 @@
             content: #{'"\\' + map-get($item, code) + '"'};
         }
     }
-}
+}

projects/seb-pictograms/scripts/compress-files.js

@@ -13,8 +13,8 @@ const directoryNames = getDirectories
 
 // loop through the dir names and compress their contents
 directoryNames.forEach((dir) => {
-  (async () => {
-    await imagemin([`../svg/${dir}/*.svg`], {
+  (() => {
+     imagemin([`../svg/${dir}/*.svg`], {
       destination: `../svg/${dir}`,
       plugins: [
         imageminSvgo({

projects/seb-pictograms/scripts/rename-files.js

@@ -1,4 +1,4 @@
-const { readdirSync, rename, readFileSync } = require('fs');
+const { readdirSync, readFileSync, renameSync } = require('fs');
 const { resolve } = require('path');
 
 // Load file names
@@ -12,17 +12,18 @@ const fileNames = JSON.parse(namesObjString)
     })
 
 // Get path to image directory
-const imageDirPath = resolve(__dirname, '../svg/light');
+const imageDirPath = resolve(__dirname, '../svg/regular');
 
 // Get an array of the files inside the folder
 const files = readdirSync(imageDirPath);
 
+// Sort the array
+const sortedFiles = files.sort(function(a, b){
+  return a.split("-")[0] - b.split("-")[0];
+});
+
 // Loop through each file and rename
-files.forEach((fileName, indx) => rename(
+sortedFiles.forEach((fileName, indx) => renameSync(
   imageDirPath + `/${fileName}`,
-  imageDirPath + `/${fileNames[indx].toLowerCase()}.svg`,
-  err => {
-    if(err)
-      console.log(err);
-  }
+  imageDirPath + `/${fileNames[indx].toLowerCase()}.svg`
 ));