Merge pull request #53 from kloudlite/features/design

Fixed local font not loading issue; use latin version
kloudlite · Dec 22, 2023 · 4ba4e6c · 4ba4e6c
2 parents 41849a5 + ee3b8f1
commit 4ba4e6c
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 33 deletions.
diff --git a/src/apps/devdoc/app/layout/theme.tsx b/src/apps/devdoc/app/layout/theme.tsx
@@ -78,7 +78,7 @@ const Main = ({ children, pageOpts }: NextraThemeLayoutProps) => {
         <link rel="shortcut icon" href="/favicon.ico" />
         <link
           rel="preload"
-          href="/fonts/inter-cyrillic-ext.woff2"
+          href="/fonts/inter.woff2"
           as="font"
           type="font/woff2"
           crossOrigin="anonymous"

diff --git a/src/apps/devdoc/fonts/Inter.css b/src/apps/devdoc/fonts/Inter.css
@@ -1,87 +1,89 @@
-/* cyrillic-ext */
-@font-face {
+  /* latin */
+  @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 100;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
-  /* cyrillic-ext */
+
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 200;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
 
-  /* cyrillic-ext */
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 300;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
-  
-  /* cyrillic-ext */
+
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
-  
-  /* cyrillic-ext */
+
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
 
-  /* cyrillic-ext */
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
-  /* cyrillic-ext */
+
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
 
-  /* cyrillic-ext */
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 800;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
-
-  /* cyrillic-ext */
+  
+  /* latin */
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 900;
     font-display: swap;
-    src: url(/fonts/inter-cyrillic-ext.woff2) format('woff2');
-    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    src: url("/fonts/inter.woff2") format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
diff --git a/src/apps/devdoc/public/fonts/inter-cyrillic-ext.woff2 b/src/apps/devdoc/public/fonts/inter-cyrillic-ext.woff2
diff --git a/src/apps/devdoc/public/fonts/inter.woff2 b/src/apps/devdoc/public/fonts/inter.woff2
diff --git a/src/apps/devdoc/style.css b/src/apps/devdoc/style.css
@@ -1,6 +1,9 @@
-@import url('./fonts/Familjen-Grotesk.css');
+
 @import url('./fonts/Inter.css');
 
+@import url('./fonts/Familjen-Grotesk.css');
+
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;