diff --git a/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap b/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap
index f52775b7..882d7233 100644
--- a/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap
+++ b/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
     }
   />
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
diff --git a/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap b/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap
index c262486c..125f07fa 100644
--- a/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap
+++ b/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     ellipsizeMode="tail"
     maxFontSizeMultiplier={1.25}
     numberOfLines={1}
@@ -80,10 +80,10 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 12,
           "fontStyle": "normal",
-          "fontWeight": "400",
+          "fontWeight": "600",
           "lineHeight": 16,
         },
         {
diff --git a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
index 33bb93ba..1f2ff6b2 100644
--- a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
+++ b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
@@ -346,7 +346,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
       }
     >
       <Text
-        allowFontScaling={true}
+        allowFontScaling={false}
         dynamicTypeRamp="headline"
         maxFontSizeMultiplier={1.25}
         style={
@@ -354,8 +354,8 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             {},
             {
               "color": "#031344",
-              "fontFamily": "Readex Pro",
-              "fontSize": 16,
+              "fontFamily": "Titillium Sans Pro",
+              "fontSize": 18,
               "fontStyle": "normal",
               "fontWeight": "600",
               "lineHeight": 24,
diff --git a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
index cbf6f2c0..e0e2ad47 100644
--- a/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
+++ b/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap
@@ -792,7 +792,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={true}
+      allowFontScaling={false}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
       maxFontSizeMultiplier={1.25}
@@ -802,7 +802,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Sans Pro",
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
@@ -899,7 +899,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={true}
+      allowFontScaling={false}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
       maxFontSizeMultiplier={1.25}
@@ -909,7 +909,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Sans Pro",
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
@@ -1020,7 +1020,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
       <Text
         accessibilityElementsHidden={true}
         accessible={false}
-        allowFontScaling={true}
+        allowFontScaling={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
         maxFontSizeMultiplier={1.25}
@@ -1030,7 +1030,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
             {},
             {
               "color": "#FFFFFF",
-              "fontFamily": "Readex Pro",
+              "fontFamily": "Titillium Sans Pro",
               "fontSize": 16,
               "fontStyle": "normal",
               "fontWeight": "600",
diff --git a/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap b/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
index f580e204..ccceeb3f 100644
--- a/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
+++ b/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
@@ -1764,14 +1764,14 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           maxFontSizeMultiplier={1.25}
           style={
             [
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
+                "fontFamily": "Titillium Sans Pro",
                 "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
@@ -1851,7 +1851,7 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
     }
   >
     <Text
-      allowFontScaling={true}
+      allowFontScaling={false}
       maxFontSizeMultiplier={1.25}
       style={
         [
@@ -1863,10 +1863,10 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
           },
           {
             "color": "#555C70",
-            "fontFamily": "Readex Pro",
+            "fontFamily": "Titillium Sans Pro",
             "fontSize": 12,
             "fontStyle": "normal",
-            "fontWeight": "400",
+            "fontWeight": "600",
             "lineHeight": 16,
           },
         ]
@@ -1919,7 +1919,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
         accessible={true}
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.25}
           style={
@@ -1939,7 +1939,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
           label
         </Text>
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
@@ -1948,8 +1948,8 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2041,7 +2041,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.25}
           style={
@@ -2061,7 +2061,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
           label
         </Text>
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
@@ -2070,8 +2070,8 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2229,7 +2229,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           style={
@@ -2237,8 +2237,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2458,7 +2458,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           style={
@@ -2466,8 +2466,8 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
               {},
               {
                 "color": "#0E0F13",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2628,7 +2628,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
@@ -2640,7 +2640,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
                 "fontFamily": "Titillium Sans Pro",
                 "fontSize": 14,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 21,
               },
             ]
@@ -2728,7 +2728,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
             }
           />
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="footnote"
             maxFontSizeMultiplier={1.25}
             style={
@@ -2760,7 +2760,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           style={
@@ -2768,8 +2768,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -3012,7 +3012,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="footnote"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
@@ -3024,7 +3024,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
                 "fontFamily": "Titillium Sans Pro",
                 "fontSize": 14,
                 "fontStyle": "normal",
-                "fontWeight": "400",
+                "fontWeight": "600",
                 "lineHeight": 21,
               },
             ]
@@ -3044,7 +3044,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         }
       >
         <Text
-          allowFontScaling={true}
+          allowFontScaling={false}
           dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           style={
@@ -3052,8 +3052,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {},
               {
                 "color": "#0B3EE3",
-                "fontFamily": "Readex Pro",
-                "fontSize": 16,
+                "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
diff --git a/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap b/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap
index 4bc73fb3..aa73081c 100644
--- a/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap
+++ b/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap
@@ -90,7 +90,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -98,10 +98,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -169,7 +169,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -177,10 +177,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -248,7 +248,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -256,10 +256,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -343,7 +343,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -351,10 +351,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -422,7 +422,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -430,10 +430,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -501,7 +501,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -509,10 +509,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -596,7 +596,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -604,10 +604,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -675,7 +675,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -683,10 +683,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -754,7 +754,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -762,10 +762,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
@@ -990,7 +990,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
           }
         >
           <Text
-            allowFontScaling={true}
+            allowFontScaling={false}
             dynamicTypeRamp="title2"
             maxFontSizeMultiplier={1.25}
             style={
@@ -998,10 +998,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Readex Pro",
+                  "fontFamily": "Titillium Sans Pro",
                   "fontSize": 22,
                   "fontStyle": "normal",
-                  "fontWeight": "400",
+                  "fontWeight": "600",
                   "lineHeight": 33,
                 },
               ]
diff --git a/src/components/toast/__tests__/__snapshots__/ToastNotification.test.tsx.snap b/src/components/toast/__tests__/__snapshots__/ToastNotification.test.tsx.snap
index bd70b16a..2e54a8f8 100644
--- a/src/components/toast/__tests__/__snapshots__/ToastNotification.test.tsx.snap
+++ b/src/components/toast/__tests__/__snapshots__/ToastNotification.test.tsx.snap
@@ -385,14 +385,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#003B3D",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -501,14 +501,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#5D1313",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -550,14 +550,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#215C76",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -599,14 +599,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#003B3D",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -648,14 +648,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#224021",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -697,14 +697,14 @@ exports[`Test ToastNotification component should match snapshot for props ({ mes
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     maxFontSizeMultiplier={1.25}
     style={
       [
         {},
         {
           "color": "#614C15",
-          "fontFamily": "Readex Pro",
+          "fontFamily": "Titillium Sans Pro",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
diff --git a/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap b/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap
index db6492fa..09b7cef5 100644
--- a/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap
+++ b/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, auto text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -26,7 +26,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, auto text alig
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, center text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -50,7 +50,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, center text al
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, default text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -74,7 +74,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, default text a
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, justify text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -98,7 +98,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, justify text a
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, left text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -122,7 +122,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, left text alig
 
 exports[`ComposedBodyFromArray should match snapshot, empty body, right text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -146,7 +146,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, right text ali
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -167,7 +167,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -187,7 +187,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -207,7 +207,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -227,7 +227,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -247,7 +247,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -271,7 +271,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, center text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -292,7 +292,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -312,7 +312,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -332,7 +332,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -352,7 +352,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -372,7 +372,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -396,7 +396,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, default text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -417,7 +417,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -437,7 +437,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -457,7 +457,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -477,7 +477,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -497,7 +497,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -521,7 +521,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, justify text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -542,7 +542,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -562,7 +562,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -582,7 +582,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -602,7 +602,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -622,7 +622,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -646,7 +646,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, left text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -667,7 +667,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -687,7 +687,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -707,7 +707,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -727,7 +727,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -747,7 +747,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -771,7 +771,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
 
 exports[`ComposedBodyFromArray should match snapshot, multiple items body, right text align 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -792,7 +792,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
   }
 >
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -812,7 +812,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
     Multiple 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -832,7 +832,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
     styles
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -852,7 +852,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
      text 
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
@@ -872,7 +872,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
     just
   </Text>
   <Text
-    allowFontScaling={true}
+    allowFontScaling={false}
     dynamicTypeRamp="body"
     maxFontSizeMultiplier={1.25}
     style={
diff --git a/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap b/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
index 78b39982..5c687cce 100644
--- a/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
+++ b/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Test Typography Components Body Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -25,7 +25,7 @@ exports[`Test Typography Components Body Snapshot 1`] = `
 
 exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   style={
@@ -165,14 +165,14 @@ exports[`Test Typography Components BodySmall Snapshot 5`] = `
 
 exports[`Test Typography Components CTA Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   maxFontSizeMultiplier={1.25}
   style={
     [
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -187,7 +187,7 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="largeTitle"
   maxFontSizeMultiplier={1.25}
   style={
@@ -210,7 +210,7 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 2`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="largeTitle"
   maxFontSizeMultiplier={1.25}
   style={
@@ -233,7 +233,7 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
 
 exports[`Test Typography Components H2 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title1"
   maxFontSizeMultiplier={1.25}
   style={
@@ -241,7 +241,7 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 26,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -256,7 +256,7 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title2"
   maxFontSizeMultiplier={1.25}
   style={
@@ -264,10 +264,10 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 22,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 33,
       },
     ]
@@ -279,7 +279,7 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 2`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title2"
   maxFontSizeMultiplier={1.25}
   style={
@@ -287,10 +287,10 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
       {},
       {
         "color": "#CCD4DC",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 22,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 33,
       },
     ]
@@ -302,7 +302,7 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
 
 exports[`Test Typography Components H3 Snapshot 3`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title2"
   maxFontSizeMultiplier={1.25}
   style={
@@ -310,10 +310,10 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 22,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 33,
       },
     ]
@@ -325,7 +325,7 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
 
 exports[`Test Typography Components H3 Snapshot 4`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title2"
   maxFontSizeMultiplier={1.25}
   style={
@@ -333,10 +333,10 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 22,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 33,
       },
     ]
@@ -348,7 +348,7 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
 
 exports[`Test Typography Components H3 Snapshot 5`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title2"
   maxFontSizeMultiplier={1.25}
   style={
@@ -356,10 +356,10 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Sans Pro",
         "fontSize": 22,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 33,
       },
     ]
@@ -371,7 +371,7 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
 
 exports[`Test Typography Components H4 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title3"
   maxFontSizeMultiplier={1.25}
   style={
@@ -379,10 +379,10 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 24,
       },
     ]
@@ -394,7 +394,7 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
 
 exports[`Test Typography Components H4 Snapshot 2`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title3"
   maxFontSizeMultiplier={1.25}
   style={
@@ -402,10 +402,10 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
       {},
       {
         "color": "#0073E6",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 24,
       },
     ]
@@ -417,7 +417,7 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
 
 exports[`Test Typography Components H4 Snapshot 3`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="title3"
   maxFontSizeMultiplier={1.25}
   style={
@@ -425,10 +425,10 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
         "lineHeight": 24,
       },
     ]
@@ -440,7 +440,7 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="subheadline"
   maxFontSizeMultiplier={1.25}
   style={
@@ -466,7 +466,7 @@ exports[`Test Typography Components H5 Snapshot 1`] = `
 
 exports[`Test Typography Components H5 Snapshot 2`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="subheadline"
   maxFontSizeMultiplier={1.25}
   style={
@@ -492,7 +492,7 @@ exports[`Test Typography Components H5 Snapshot 2`] = `
 
 exports[`Test Typography Components H5 Snapshot 3`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="subheadline"
   maxFontSizeMultiplier={1.25}
   style={
@@ -518,7 +518,7 @@ exports[`Test Typography Components H5 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 4`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="subheadline"
   maxFontSizeMultiplier={1.25}
   style={
@@ -544,7 +544,7 @@ exports[`Test Typography Components H5 Snapshot 4`] = `
 
 exports[`Test Typography Components H6 Snapshot 1`] = `
 <Text
-  allowFontScaling={true}
+  allowFontScaling={false}
   dynamicTypeRamp="headline"
   maxFontSizeMultiplier={1.25}
   style={
@@ -552,8 +552,8 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
-        "fontSize": 16,
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 18,
         "fontStyle": "normal",
         "fontWeight": "600",
         "lineHeight": 24,