style(inline): inline fonts and prevent network request for font icons

package.json

@@ -91,12 +91,14 @@
     "less": "^2.7.2",
     "less-loader": "^4.0.4",
     "lint-staged": "^4.0.1",
+    "mdi": "^1.9.33",
     "next": "^3.0.1-beta.8",
     "next-redux-wrapper": "^1.1.3",
     "nprogress": "^0.2.0",
     "plyr": "^2.0.13",
     "postcss-easy-import": "^2.1.0",
     "postcss-loader": "^2.0.6",
+    "postcss-url": "^7.0.0",
     "prettier-eslint-cli": "^4.1.1",
     "prop-types": "^15.5.10",
     "raw-loader": "^0.5.1",

postcss.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: [
     require('postcss-easy-import')({ prefix: '_' }),
+    require('postcss-url')({ url: 'inline' }),
   ],
 };

renderer/styles/index.less

@@ -1,6 +1,6 @@
 @import "~spectre.css/spectre.less";
 @import "~spectre.css/spectre-exp.less";
-@import url("//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css");
+@import (less) "~mdi/css/materialdesignicons.css";
 @import (less) '~react-loading-bar/dist/index.css';
 @import (less) '~react-toastify/dist/ReactToastify.min.css';
 @import (less) "~rc-slider/assets/index.css";

yarn.lock

@@ -2273,7 +2273,7 @@ csso@~2.3.1:
     clap "^1.0.9"
     source-map "^0.5.3"
 
-cuint@^0.2.2:
+cuint@^0.2.2, cuint@latest:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/cuint/-/cuint-0.2.2.tgz#408086d409550c2631155619e9fa7bcadc3b991b"
 
@@ -4697,6 +4697,10 @@ [email protected]:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/md5-file/-/md5-file-3.1.1.tgz#db3c92c09bbda5c2de883fa5490dd711fddbbab9"
 
+mdi@^1.9.33:
+  version "1.9.33"
+  resolved "https://registry.yarnpkg.com/mdi/-/mdi-1.9.33.tgz#3caf6d95fc6b800633630bd62ba0cf1fbde6b2e2"
+
 [email protected]:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
@@ -5819,6 +5823,16 @@ postcss-unique-selectors@^2.0.2:
     postcss "^5.0.4"
     uniqs "^2.0.0"
 
+postcss-url@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-7.0.0.tgz#11c6a1103e527ae914c3bab48415273d027d9508"
+  dependencies:
+    mime "^1.2.11"
+    minimatch "^3.0.0"
+    mkdirp "^0.5.0"
+    postcss "^6.0.1"
+    xxhashjs "^0.2.1"
+
 postcss-value-parser@^3.0.1, postcss-value-parser@^3.0.2, postcss-value-parser@^3.1.1, postcss-value-parser@^3.1.2, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
@@ -7983,6 +7997,12 @@ xtend@~2.1.1:
   dependencies:
     object-keys "~0.4.0"
 
+xxhashjs@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/xxhashjs/-/xxhashjs-0.2.1.tgz#9bbe9be896142976dfa34c061b2d068c43d30de0"
+  dependencies:
+    cuint latest
+
 y18n@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"