Applied font-size-adjust property globally

Author: fiorsaoirse

CHANGELOG.md

@@ -24,8 +24,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     -    take Markdown rendering into account before testing the maximum preview length
 -   `<NodeContent />`
     -   header-menu items are vertically centered now
-    `<TabTitle />`
-    -   adjust displaying fallback symbols in different browsers
+-   `Typography`
+      -   adjust displaying fallback symbols in different browsers
 
 ### Changed
 

src/components/Tabs/tabs.scss

@@ -46,12 +46,6 @@ $tab-indicator-width: 3px !default;
             overflow-x: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            // Tab titles are user-configured and may contain Unicode symbols (e.g. "★") that fall outside
-            // the primary font stack. Browsers pick different system fallback fonts for such characters,
-            // causing glyphs to render at different optical sizes (smaller in Firefox).
-            // font-size-adjust normalises the fallback font size by matching the primary font's x-height,
-            // reducing the visual size discrepancy across browsers.
-            font-size-adjust: from-font;
 
             //min-width: 6em;
         }

src/components/Typography/_reset.scss

@@ -7,6 +7,7 @@ select,
 input,
 textarea {
     font-family: inherit;
+    font-size-adjust: inherit;
     border-radius: 0;
 }
 

src/components/Typography/typography.scss

@@ -17,6 +17,11 @@ body {
     text-rendering: optimizelegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    // User-facing text may contain Unicode symbols (e.g. "★") that fall outside the primary font stack.
+    // Browsers pick different system fallback fonts for such characters, causing glyphs to render at
+    // different optical sizes (smaller in Firefox). font-size-adjust normalises the fallback font size
+    // by matching the primary font's x-height, reducing the visual size discrepancy across browsers.
+    font-size-adjust: from-font;
 }
 
 code {