diff --git a/src/components/icon/Icon.vue b/src/components/icon/Icon.vue
index 1b2a56abe..9ebaed59c 100644
--- a/src/components/icon/Icon.vue
+++ b/src/components/icon/Icon.vue
@@ -11,8 +11,6 @@
 </template>
 
 <script>
-import '@/style/lib/icon.css';
-
 export default {
   name: 'EvIcon',
   props: {
diff --git a/src/components/icon/index.js b/src/components/icon/index.js
index 312f72585..adf3a5bbc 100644
--- a/src/components/icon/index.js
+++ b/src/components/icon/index.js
@@ -1,3 +1,4 @@
+import '@/style/lib/icon.css';
 import EvIcon from './Icon';
 
 EvIcon.install = (app) => {
diff --git a/src/style/lib/icon.css b/src/style/lib/icon.css
index 188cf8da5..c176aeb4b 100644
--- a/src/style/lib/icon.css
+++ b/src/style/lib/icon.css
@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'EVUI';
-  src: url('./fonts/EVUI.eot');
-  src: url('./fonts/EVUI.eot#iefix') format('embedded-opentype'),
-    url('./fonts/EVUI.ttf') format('truetype'),
-    url('./fonts/EVUI.woff') format('woff'),
-    url('./fonts/EVUI.svg') format('svg');
+  src: url('~@/style/lib/fonts/EVUI.eot');
+  src: url('~@/style/lib/fonts/EVUI.eot#iefix') format('embedded-opentype'),
+    url('~@/style/lib/fonts/EVUI.ttf') format('truetype'),
+    url('~@/style/lib/fonts/EVUI.woff') format('woff'),
+    url('~@/style/lib/fonts/EVUI.svg') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
diff --git a/vue.config.js b/vue.config.js
index 4ab0dc6ed..676145571 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -19,6 +19,14 @@ module.exports = {
       .use('raw-loader')
       .loader('raw-loader')
       .end();
+
+    config.module
+      .rule('fonts')
+      .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
+      .use('url-loader')
+      .loader('url-loader')
+      .options()
+      .end();
   },
   configureWebpack: {
     resolve: {
@@ -27,14 +35,6 @@ module.exports = {
         docs: path.join(__dirname, 'docs/'),
       },
     },
-    module: {
-      rules: [
-        {
-          test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
-          loader: 'url-loader?limit=8192',
-        },
-      ],
-    },
     plugins: [
       new StyleLintPlugin({
         files: [