Доделки по загрузке шрифтов

client/components/Reader/TextPage/TextPage.vue

@@ -257,15 +257,32 @@ class TextPage extends Vue {
         this.pageChangeTransitionSpeed = settings.pageChangeTransitionSpeed; //0-100%
     }
 
+    async calcPropsAndLoadFonts(omitLoadFonts) {
+        this.calcDrawProps();
+
+        if (!omitLoadFonts)
+            await this.loadFonts();
+
+        //this.draw();
+
+        // шрифты хрен знает когда подгружаются, поэтому
+        if (!this.parsed.force) {
+            let i = 0;
+            this.parsed.force = true;
+            while (i < 10) {
+                this.draw();
+                await sleep(1000);
+                i++;
+            }
+            this.parsed.force = false;
+        }
+    }
+
     loadSettings() {
         (async() => {
             let fontName = this.fontName;
-
             this.getSettings();
-            this.calcDrawProps();
-
-            if (fontName != this.fontName)
-                await this.loadFonts();
+            await this.calcPropsAndLoadFonts(fontName == this.fontName);
 
             this.draw();
         })();
@@ -311,22 +328,7 @@ class TextPage extends Vue {
 
                 this.parsed = this.book.parsed;
 
-                this.calcDrawProps();
-
-                await this.loadFonts();
-
-                //this.draw();
-
-                // шрифты хрен знает когда подгружаются, поэтому
-                let i = 0;
-                this.parsed.force = true;
-                while (i < 10) {
-                    this.draw();
-                    await sleep(1000);
-                    i++;
-                }
-                this.parsed.force = false;
-
+                this.calcPropsAndLoadFonts();
                 this.refreshTime();
             })();
         }

client/store/modules/reader.js

@@ -11,10 +11,10 @@ const fonts = [
 ];
 
 const webFonts = [
-    {css: 'https://fonts.googleapis.com/css?family=Oswald', name: 'Oswald', fontVertShift: 0},
+    {css: 'https://fonts.googleapis.com/css?family=Oswald', name: 'Oswald', fontVertShift: -20},
     {css: 'https://fonts.googleapis.com/css?family=Lobster', name: 'Lobster', fontVertShift: 0},
-    {css: 'https://fonts.googleapis.com/css?family=Pacifico', name: 'Pacifico', fontVertShift: 0},
-    {css: 'https://fonts.googleapis.com/css?family=Comfortaa', name: 'Comfortaa', fontVertShift: 0},
+    {css: 'https://fonts.googleapis.com/css?family=Pacifico', name: 'Pacifico', fontVertShift: -40},
+    {css: 'https://fonts.googleapis.com/css?family=Comfortaa', name: 'Comfortaa', fontVertShift: 10},
     
 ];