chore: Update storefront & storybook - Update typography guide (#921)

digdir · Oct 12, 2023 · a9bac34 · a9bac34
1 parent a4168f0
commit a9bac34
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
@@ -8,6 +8,9 @@
 />
 
 <style>
+  * {
+    font-feature-settings: 'cv05' 1 !important;
+  }
   html {
     font-family: 'Inter', sans-serif;
   }

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -4,6 +4,9 @@
 />
 
 <style>
+  * {
+    font-feature-settings: 'cv05' 1 !important;
+  }
   html {
     font-family: 'Inter', sans-serif;
   }

diff --git a/storefront/globals.css b/storefront/globals.css
@@ -22,6 +22,7 @@ body {
 
 * {
   box-sizing: border-box;
+  font-feature-settings: 'cv05' 1 !important;
 }
 
 h1,

diff --git a/storefront/pages/grunnleggende/designelementer/typografi.mdx b/storefront/pages/grunnleggende/designelementer/typografi.mdx
@@ -48,8 +48,11 @@ For hosting kan Altinn CDN benyttes:
 
 ```css
 font-family: 'Inter', sans-serif;
+font-feature-settings: 'cv05' 1 !important; /* Enable lowercase l with tail */
 ```
 
+Use `!important` for `font-feature-settings` because our typography tokens & components use the [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font) shorthand which resets this to its initial values.
+
 ## Tekststørrelse
 
 Tekststørrelse-variablene blir angitt i **rem**. Denne verdien er relativ til `html`-elementet sin `font-size`,
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,9 @@ @@
     />
     <style>
+      * {
+        font-feature-settings: 'cv05' 1 !important;
+      }
       html {
         font-family: 'Inter', sans-serif;
       }
@@ Expand Down @@