⚗ Test with font without css style sheet

equinor · May 12, 2023 · 9158fc9 · 9158fc9
1 parent 698b027
commit 9158fc9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -29,7 +29,7 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
   return (
     <html lang="en">
       <head>
-        <link rel="stylesheet" href="https://cdn.eds.equinor.com/font/equinor-uprights-vf.css" />
+        {/*  <link rel="stylesheet" href="https://cdn.eds.equinor.com/font/equinor-uprights-vf.css" /> */}
         <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
         <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />

diff --git a/styles/globals.ts b/styles/globals.ts
@@ -37,6 +37,19 @@ a {
   box-sizing: border-box;
 }
 
+@font-face {
+  font-family: Equinor;
+  src: local("ðŸ˜Š"),
+    url(https://cdn.eds.equinor.com/font/EquinorVariable-VF.woff2)
+      format("woff2-variations"),
+    url(https://cdn.eds.equinor.com/font/EquinorVariable-VF.woff)
+      format("woff-variations"),
+    url(https://cdn.eds.equinor.com/font/Equinor-Regular.woff) format("woff");
+  font-style: normal;
+  font-weight: 1 999;
+  font-display: fallback;
+}
+
 :root {
   /* Spaces */
   --space-2:  ${tokens.spacings.comfortable.xx_small};