字体图标css单独引入

components/static/css/en-common.css

@@ -1,3 +1,5 @@
+@import "en-iconfont.css";
+
 :root {
     /*所有字体颜色*/
     --font-color:#333333;
@@ -7,16 +9,8 @@
     --selected-color:#3169FA;
 }
 
-@font-face {
-    font-family: 'iconfont';
-    src:  url('/components/static/icon/iconfont.ttf') format('truetype');
-}
 .iconfont {
-    font-family: "iconfont" !important;
     font-size: 36rpx;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
     color: #333333;
 }
 .box{

components/static/css/en-iconfont.css

@@ -0,0 +1,10 @@
+@font-face {
+    font-family: 'iconfont';
+    src:  url('/components/static/icon/iconfont.ttf') format('truetype');
+}
+.iconfont {
+    font-family: "iconfont" !important;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}