open images in new widnow

geops · Mar 8, 2024 · 4e0e3ee · 4e0e3ee
1 parent 58965d3
commit 4e0e3ee
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/utils/fontUtils.js b/src/utils/fontUtils.js
@@ -1,6 +1,6 @@
 import toBase64 from "./toBase64";
-import SBBWebRomanPath from "./fonts/SBBWeb-Roman.ttf";
-import SBBWebLightPath from "./fonts/SBBWeb-Light.ttf";
+// import SBBWebRomanPath from "./fonts/SBBWeb-Roman.ttf";
+// import SBBWebLightPath from "./fonts/SBBWeb-Light.ttf";
 import SBBWebBoldPath from "./fonts/SBBWeb-Bold.ttf";
 import SBBWebItalicPath from "./fonts/SBBWeb-Italic.ttf";
 import SBBWebUltraLightPath from "./fonts/SBBWeb-UltraLight.ttf";
@@ -11,12 +11,12 @@ export const sbbWebRoman = {
   // file: SBBWebRomanPath,
 
   family: "SBBWeb-Roman",
-  file: "https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman",
+  file: "https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff",
 };
 
 export const sbbWebLight = {
   family: "SBBWeb-Light",
-  file: "https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light",
+  file: "https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff",
 };
 
 export const sbbWebUltraLight = {
@@ -42,13 +42,15 @@ export const sbbWebThin = {
 const cache = {};
 export const getFontBase64FontFace = async (file, fontFamily) => {
   if (!cache[fontFamily]) {
-    const fontBase64 = await fetch(file)
-      .then((res) => res.blob())
-      .then((blob) => toBase64(blob));
+    // const fontBase64 = await fetch(file)
+    //   .then((res) => res.blob())
+    //   .then((blob) => toBase64(blob));
     cache[fontFamily] = `
       @font-face {
-        src: url(${fontBase64});
+        src: url(${file}) format('woff');
         font-family: '${fontFamily}';
+        font-weight: normal;
+        font-style: normal;
       }
     `;
   }