styles: Use "Ubuntu" font when "Avenir Next" isn't present

tohjustin · Dec 20, 2019 · ec782a1 · ec782a1
1 parent bbe5b0d
commit ec782a1
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 24 deletions.
diff --git a/src/components/Footer/__tests__/__snapshots__/Footer.test.js.snap b/src/components/Footer/__tests__/__snapshots__/Footer.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`<Footer /> renders without crashing 1`] = `
 <div
-  class="sc-bdVaJa gqvhCj"
+  class="sc-bdVaJa jzdqyt"
 >
   <span>
     Powered by 

diff --git a/src/components/TableCompact/__tests__/__snapshots__/TableCompact.test.js.snap b/src/components/TableCompact/__tests__/__snapshots__/TableCompact.test.js.snap
@@ -55,7 +55,7 @@ exports[`<TableCompact /> renders without crashing 1`] = `
     </div>
   </div>
   <select
-    class="sc-ifAKCX dKuzaW"
+    class="sc-ifAKCX dHqgrp"
   >
     <option
       value="BTC"

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: "Ubuntu";
+  src: url("https://fonts.googleapis.com/css?family=Ubuntu");
+}
+
 body {
   background-image: linear-gradient(to bottom, #202B33, #4E5C6E);
   background-attachment: fixed;
@@ -12,4 +17,4 @@ body {
   display: flex;
   flex-direction: row;
   height: 100%;
-}
+}
diff --git a/src/styles/constants.js b/src/styles/constants.js
@@ -30,12 +30,12 @@ export const fontWeight = {
 export const font = {
   fontFamily: `
   "Avenir Next",
+  "Ubuntu",
   -apple-system,
   BlinkMacSystemFont,
   "Segoe UI",
   "Roboto",
   "Oxygen",
-  "Ubuntu",
   "Cantarell",
   "Fira Sans",
   "Droid Sans",
@@ -157,19 +157,6 @@ export default {
   zIndexDropdown: 100,
   zIndexBackdrop: -10,
 
-  fontFamily: `"Avenir Next",
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    "Roboto",
-    "Oxygen",
-    "Ubuntu",
-    "Cantarell",
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
-    sans-serif;`,
-
-  monospaceFontFamily: `
-    monospace;`,
+  fontFamily: fontFamily.regular,
+  monospaceFontFamily: fontFamily.monospace,
 };
diff --git a/src/views/MainView/__tests__/__snapshots__/index.test.js.snap b/src/views/MainView/__tests__/__snapshots__/index.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`<MainView/> [DESKTOP] renders without crashing 1`] = `
 <div
-  class="sc-jWBwVP jIipSk sc-bdVaJa kiEYim"
+  class="sc-jWBwVP elYRdX sc-bdVaJa kiEYim"
 >
   <svg
     class="sc-ifAKCX fWKbFX"
@@ -186,7 +186,7 @@ exports[`<MainView/> [DESKTOP] renders without crashing 1`] = `
           </div>
         </div>
         <select
-          class="sc-hMqMXs iOLeJY"
+          class="sc-hMqMXs gaOMyA"
         >
           <option
             value="BTC"
@@ -238,7 +238,7 @@ exports[`<MainView/> [DESKTOP] renders without crashing 1`] = `
     </div>
   </div>
   <div
-    class="sc-bwzfXH jIYfKf"
+    class="sc-bwzfXH YTSlM"
   >
     <span>
       Powered by 
@@ -260,7 +260,7 @@ exports[`<MainView/> [DESKTOP] renders without crashing 1`] = `
 
 exports[`<MainView/> [MOBILE] renders without crashing 1`] = `
 <div
-  class="sc-jWBwVP jIipSk sc-bdVaJa kiEYim"
+  class="sc-jWBwVP elYRdX sc-bdVaJa kiEYim"
 >
   <svg
     class="sc-ifAKCX fWKbFX"
@@ -624,7 +624,7 @@ exports[`<MainView/> [MOBILE] renders without crashing 1`] = `
     </div>
   </div>
   <div
-    class="sc-bwzfXH jIYfKf"
+    class="sc-bwzfXH YTSlM"
   >
     <span>
       Powered by
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,7 +55,7 @@ exports[`<TableCompact /> renders without crashing 1`] = ` @@
         </div>
       </div>
       <select
-        class="sc-ifAKCX dKuzaW"
+        class="sc-ifAKCX dHqgrp"
       >
         <option
           value="BTC"
@@ Expand Down @@