fix(icons): use font-display: optional

Author: Pooya Parsa

Diff for: lib/assets/icons/fonts/Framework7Icons-Regular.eot

@@ -0,0 +1,34 @@
+@font-face {
+    font-family: 'Framework7 Icons';
+    font-style: normal;
+    font-display: optional;
+    font-weight: 400;
+    src: url(./fonts/Framework7Icons-Regular.eot);
+    src: local('Framework7 Icons'),
+         local('Framework7Icons-Regular'),
+         url(./fonts/Framework7Icons-Regular.woff2) format("woff2"),
+         url(./fonts/Framework7Icons-Regular.woff) format("woff"),
+         url(./fonts/Framework7Icons-Regular.ttf) format("truetype");
+  }
+
+  .f7-icons, .framework7-icons {
+    font-family: 'Framework7 Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 25px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-feature-settings: "liga";
+    -moz-font-feature-settings: "liga=1";
+    -moz-font-feature-settings: "liga";
+    font-feature-settings: "liga";
+    text-align: center;
+  }

Diff for: lib/assets/icons/fonts/Framework7Icons-Regular.ttf

@@ -1,15 +1,16 @@
 @font-face {
     font-family: 'Material Icons';
     font-style: normal;
+    font-display: optional;
     font-weight: 400;
-    src: url(./MaterialIcons-Regular.eot); /* For IE6-8 */
+    src: url(./fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
     src: local('Material Icons'),
          local('MaterialIcons-Regular'),
-         url(./MaterialIcons-Regular.woff2) format('woff2'),
-         url(./MaterialIcons-Regular.woff) format('woff'),
-         url(./MaterialIcons-Regular.ttf) format('truetype');
+         url(./fonts/MaterialIcons-Regular.woff2) format('woff2'),
+         url(./fonts/MaterialIcons-Regular.woff) format('woff'),
+         url(./fonts/MaterialIcons-Regular.ttf) format('truetype');
   }
-  
+
   .material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
@@ -22,16 +23,15 @@
     word-wrap: normal;
     white-space: nowrap;
     direction: ltr;
-  
+
     /* 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';
   }
-  

Diff for: lib/assets/icons/fonts/Framework7Icons-Regular.woff

@@ -42,12 +42,11 @@ module.exports = function nuxt7 (_options) {
 
   // Icons
   if (options.f7Icons) {
-    options.f7IconsSrc = 'framework7-icons/css/framework7-icons.css'
+    options.f7IconsSrc = relative(this.options.buildDir, resolvePath('assets/icons/framework7-icons.css'))
   }
 
   if (options.mdIcons) {
-    const iconDir = resolvePath('assets/material-icons/material-icons.css')
-    options.mdIconsSrc = relative(this.options.buildDir, iconDir)
+    options.mdIconsSrc = relative(this.options.buildDir, resolvePath('assets/icons/material-icons.css'))
   }
 
   // Enable nativeUI for a better Native experience

Diff for: lib/assets/icons/fonts/Framework7Icons-Regular.woff2

@@ -24,7 +24,6 @@
   "dependencies": {
     "@nuxtjs/pwa": "^2.0.2",
     "framework7": "^2.0.0-beta.17",
-    "framework7-icons": "^0.8.9",
     "framework7-vue": "^2.0.0-beta.5",
     "less": "^2.7.3",
     "less-loader": "^4.0.5",