fix: refactor logic to display font styles

src/components/content.vue

@@ -279,15 +279,25 @@ export default {
     async loadFont(url) {
       let style = 'normal';
       let weight = 'normal';
+      let fontFamily;
 
       if (url.endsWith('italic.woff')) {
+        fontFamily = 'SertoJerusalemItalic';
         style = 'italic';
       }
       if (url.endsWith('bold.woff')) {
+        fontFamily = 'SertoJerusalemBold';
         weight = 700; // https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-weight
       }
+      if (url.endsWith('syrcomedessa.woff')) {
+        fontFamily = 'Estrangelo Edessa';
+      }
+      if (url.endsWith('syrcomjerusalem.woff')) {
+        fontFamily = 'Serto Jerusalem';
+      }
+
+      const fontFace = new FontFace(fontFamily, `url(${url})`, { style, weight });
 
-      const fontFace = new FontFace('tido', `url(${url})`, { style, weight }); // 'tido' or any family name to represent fonts
       const loadedFont = await fontFace.load();
 
       document.fonts.add(loadedFont);

src/css/global.scss

@@ -19,8 +19,3 @@
   outline: none;
   width: 100%;
 }
-
-.custom-font,
-.custom-font * {
-  font-family: 'tido';
-}

src/index.template.html

@@ -31,7 +31,7 @@
     -->
     <script id="tido-config" type="application/json">
     {
-      "entrypoint": "",
+			"entrypoint": "https://ahikar-dev.sub.uni-goettingen.de/api/textapi/ahikar/syriac/collection.json",
       "annotations": {
         "show": true,
         "types": [