[Chore] Move assets font url.

Author: aquariuslt

config/base.config.js

@@ -18,7 +18,7 @@ let baseConfig = {
     },
     assets: [
       {
-        from: 'src/assets',
+        from: 'src/static',
         to: 'static'
       }
     ]

config/webpack.base.babel.js

@@ -78,8 +78,7 @@ let webpackBaseConfig = {
         loader: 'file-loader',
         options: {
           limit: 10000,
-          publicPath: './',
-          name: baseConfig.dir.dist.fonts + '/' + '[name].[ext]'
+          name:  baseConfig.dir.dist.fonts + '/' + '[name].[ext]'
         }
       },
       {

config/webpack.dev.babel.js

@@ -15,14 +15,12 @@ import baseConfig from './base.config';
 
 const PROTOCOL = 'http://';
 
-
-
 let webpackDevConfig = merge(webpackBaseConfig, {
   mode: 'development',
   devtool: 'eval-source-map',
   output: {
     path: pathUtil.resolve(baseConfig.dir.build),
-    publicPath: PROTOCOL + baseConfig.dev.host + ':' + baseConfig.dev.port,
+    publicPath: PROTOCOL + baseConfig.dev.host + ':' + baseConfig.dev.port + '/',
     filename: '[name].bundle.js',
     sourceMapFilename: '[name].bundle.js.map',
     chunkFilename: '[id].chunk.js'
@@ -70,7 +68,7 @@ let webpackDevConfig = merge(webpackBaseConfig, {
       chunks: true,
       chunkModules: false
     },
-    publicPath: PROTOCOL + baseConfig.dev.host + ':' + baseConfig.dev.port,
+    publicPath: PROTOCOL + baseConfig.dev.host + ':' + baseConfig.dev.port
   }
 });
 

config/webpack.prod.babel.js

@@ -20,7 +20,7 @@ let webpackProdConfig = merge(webpackBaseConfig, {
     path: pathUtil.resolve(baseConfig.dir.dist.root),
     filename: baseConfig.dir.dist.js + '/' + '[name].[chunkhash].js',
     chunkFilename: baseConfig.dir.dist.js + '/' + '[id].[chunkhash].js',
-    publicPath: baseConfig.prod.context
+    publicPath: baseConfig.prod.context + '/'
   },
   module: {
     rules: [

src/fonts.css

@@ -2,32 +2,39 @@
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
-  src: local(Roboto), url(./assets/fonts/roboto.woff) format('woff');
+  src: local(Roboto), url(static/fonts/roboto.woff) format('woff');
 }
 
 body * {
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
 }
 
 @font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(./assets/fonts/material-icons.woff2) format('woff2');
+  src: local('Material Icons'), url(static/fonts/material-icons.woff2) format('woff2');
 }
 
 .material-icons {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
+  display: inline-block;
   line-height: 1;
-  letter-spacing: normal;
   text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
+  letter-spacing: normal;
   word-wrap: normal;
+  white-space: nowrap;
   direction: ltr;
-  -webkit-font-feature-settings: 'liga';
+
+  /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+  /* Support for IE. */
+  font-feature-settings: 'liga';
 }