Add a segment-bold font for privacy policy

tahowallet · Mar 2, 2023 · c3ce741 · c3ce741
1 parent 626796e
commit c3ce741
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 2 deletions.
diff --git a/src/features/Legal/index.tsx b/src/features/Legal/index.tsx
@@ -4,7 +4,7 @@ import { css } from "linaria";
 import React, { ReactNode } from "react";
 import { green20, trophyGold } from "shared/styles/color-palette";
 import { bodyDarkGrey80, titleDarkHunterGreen } from "shared/styles/colors";
-import { segmentFontFamily } from "shared/styles/font-families";
+import { segmentBoldFontFamily, segmentFontFamily } from "shared/styles/font-families";
 
 export default function Legal({
   children,
@@ -77,7 +77,7 @@ export default function Legal({
             padding-left: 1rem;
           }
           strong {
-            color: ${titleDarkHunterGreen};
+            font-family: ${segmentBoldFontFamily};
           }
         `}
       >

diff --git a/src/shared/fonts/segment-bold/segment-bold.eot b/src/shared/fonts/segment-bold/segment-bold.eot
diff --git a/src/shared/fonts/segment-bold/segment-bold.svg b/src/shared/fonts/segment-bold/segment-bold.svg
diff --git a/src/shared/fonts/segment-bold/segment-bold.ttf b/src/shared/fonts/segment-bold/segment-bold.ttf
diff --git a/src/shared/fonts/segment-bold/segment-bold.woff b/src/shared/fonts/segment-bold/segment-bold.woff
diff --git a/src/shared/fonts/segment-bold/segment-bold.woff2 b/src/shared/fonts/segment-bold/segment-bold.woff2
diff --git a/src/shared/styles/font-families.tsx b/src/shared/styles/font-families.tsx
@@ -1,4 +1,5 @@
 export const segmentFontFamily = "Segment-Regular";
+export const segmentBoldFontFamily = "Segment-Bold";
 export const quincyRegularFontFamily = "QuincyCF-Regular";
 export const quincyTextFontFamily = "QuincyCF-Text";
 

diff --git a/src/shared/styles/global-styles.tsx b/src/shared/styles/global-styles.tsx
@@ -40,5 +40,12 @@ css`
       font-weight: normal;
       font-style: normal;
     }
+
+    @font-face {
+      font-family: "Segment-Bold";
+      src: url("../fonts/segment-bold/segment-bold.woff2") format("woff2");
+      font-weight: normal;
+      font-style: normal;
+    }
   }
 `;