Update font family globally (#9073)

ui/app/components/app/gas-customization/gas-price-chart/index.scss

@@ -17,7 +17,6 @@
   .tick text,
   .c3-axis-x-label,
   .c3-axis-y-label {
-    font-family: Roboto;
     font-style: normal;
     font-weight: bold;
     line-height: normal;
@@ -53,7 +52,6 @@
   }
 
   .custom-tooltip th {
-    font-family: Roboto;
     font-style: normal;
     font-weight: 500;
     line-height: normal;

ui/app/components/app/home-notification/index.scss

@@ -35,7 +35,6 @@
   }
 
   &__text {
-    font-family: Roboto, 'sans-serif';
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
@@ -112,7 +111,6 @@
   }
 
   &__content {
-    font-family: Roboto, 'sans-serif';
     font-style: normal;
     font-weight: normal;
     font-size: 12px;

ui/app/components/app/signature-request/index.scss

@@ -38,7 +38,6 @@
   min-height: min-content;
 
   &__title {
-    font-family: Roboto;
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
@@ -65,7 +64,6 @@
 
   &__identicon-initial {
     position: absolute;
-    font-family: Roboto;
     font-style: normal;
     font-weight: 500;
     font-size: 60px;

ui/app/components/app/signature-request/signature-request-message/index.scss

@@ -28,7 +28,6 @@
     padding-left: 12px;
     padding-right: 12px;
     width: 360px;
-    font-family: monospace;
 
     @media screen and (min-width: 576px) {
       width: auto;
@@ -36,7 +35,6 @@
   }
 
   &__type-title {
-    font-family: monospace;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;

ui/app/components/ui/button-group/index.scss

@@ -4,7 +4,6 @@
   align-items: center;
 
   &__button {
-    font-family: Roboto;
     font-size: 1rem;
     color: $tundora;
     border-style: solid;

ui/app/components/ui/button/buttons.scss

@@ -14,7 +14,6 @@ $warning-light-orange: #f8b588;
   @include H6;
 
   font-weight: 500;
-  font-family: Roboto, Arial;
   line-height: 1.25rem;
   padding: 0.75rem 1rem;
   display: flex;
@@ -249,7 +248,6 @@ button.primary {
   box-shadow: 0 3px 6px rgba(247, 134, 28, 0.36);
   color: $white;
   font-size: 1.1em;
-  font-family: Roboto;
   text-transform: uppercase;
 }
 

ui/app/components/ui/dropdown/dropdown.scss

@@ -11,7 +11,6 @@
   background-position: right 18px top 50%;
   background-color: white;
   padding: 8px 32px 8px 16px;
-  font-family: Roboto, 'sans-serif';
   font-size: 14px;
 
   [dir='rtl'] & {

ui/app/components/ui/menu/menu.scss

@@ -9,7 +9,6 @@
     flex-direction: column;
     align-items: center;
     padding: 0 16px;
-    font-family: Roboto, 'sans-serif';
     font-size: 14px;
     font-weight: normal;
     line-height: 20px;
@@ -28,7 +27,6 @@
 
 .menu-item {
   background: none;
-  font-family: inherit;
   font-size: inherit;
   display: grid;
   grid-template-columns: min-content auto;

ui/app/components/ui/toggle-button/index.scss

@@ -3,7 +3,6 @@
   $self: &;
 
   &__status {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;

ui/app/components/ui/unit-input/index.scss

@@ -36,7 +36,6 @@
   &__input {
     color: #4d4d4d;
     font-size: 1rem;
-    font-family: Roboto;
     border: none;
     max-width: 22ch;
     height: 16px;

ui/app/css/base-styles.scss

@@ -6,7 +6,6 @@
 
 html,
 body {
-  font-family: Roboto, Arial;
   color: #4d4d4d;
   width: 100%;
   height: 100%;
@@ -107,3 +106,8 @@ input.form-control {
   }
 }
 
+/** Default Typography on base elements **/
+* {
+  font-family: $font-family;
+}
+

ui/app/css/design-system/typography.scss

@@ -67,7 +67,7 @@ $fa-font-path: 'fonts/fontawesome';
   src: url('fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf') format('truetype');
 }
 
-$font-family: Roboto, Helvetica, Arial, sans-serif;
+$font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
 
 // Typography
 @mixin H1 {

ui/app/css/itcss/components/account-dropdown.scss

@@ -1,7 +1,3 @@
-.account-dropdown-name {
-  font-family: Roboto;
-}
-
 .account-dropdown-balance {
   color: $dusty-gray;
   line-height: 19px;
@@ -9,7 +5,6 @@
 
 .account-dropdown-edit-button {
   color: $dusty-gray;
-  font-family: Roboto;
 
   &:hover {
     color: $white;
@@ -69,7 +64,6 @@
 
   &__account-primary-balance,
   &__account-secondary-balance {
-    font-family: Roboto;
     line-height: 16px;
     font-size: 12px;
   }

ui/app/css/itcss/components/confirm.scss

@@ -1,7 +1,6 @@
 .confirm-screen-container {
   position: relative;
   align-items: center;
-  font-family: Roboto;
   flex: 1 0 auto;
   flex-flow: column nowrap;
   box-shadow: 0 2px 4px 0 rgba($black, 0.08);
@@ -30,7 +29,6 @@
   flex-flow: column nowrap;
   z-index: 25;
   align-items: center;
-  font-family: Roboto;
   position: relative;
   overflow-y: auto;
   overflow-x: hidden;
@@ -99,7 +97,6 @@
 
 .confirm-screen-back-button {
   color: $primary-blue;
-  font-family: Roboto;
   font-size: 1rem;
   position: absolute;
   top: 38px;
@@ -162,7 +159,6 @@
   text-align: center;
   font-size: 16px;
   margin-top: 30px;
-  font-family: Roboto;
   font-weight: 300;
 }
 
@@ -324,7 +320,6 @@ section .confirm-screen-account-number,
   font-size: 16px;
   color: $white;
   text-align: center;
-  font-family: Roboto;
   padding-top: 15px;
   padding-bottom: 15px;
   border-width: 0;
@@ -338,7 +333,6 @@ section .confirm-screen-account-number,
   background: none;
   border: none;
   opacity: 1;
-  font-family: Roboto;
   border-width: 0;
   padding-top: 15px;
   padding-bottom: 15px;

ui/app/css/itcss/components/currency-display.scss

@@ -4,7 +4,6 @@
   border-radius: 4px;
   background-color: $white;
   color: $scorpion;
-  font-family: Roboto;
   font-size: 16px;
   padding: 8px 10px;
   position: relative;
@@ -15,7 +14,6 @@
 
   &__input {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
     border: none;
@@ -25,7 +23,6 @@
   &__primary-currency {
     color: $scorpion;
     font-weight: 400;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
   }
@@ -37,7 +34,6 @@
   &__converted-value,
   &__converted-currency {
     color: $dusty-gray;
-    font-family: Roboto;
     font-size: 12px;
     line-height: 12px;
   }

ui/app/css/itcss/components/modal.scss

@@ -39,7 +39,6 @@
   padding: 5px 0 31px 0;
   border: 1px solid $silver;
   border-radius: 4px;
-  font-family: Roboto;
 
   button {
     cursor: pointer;
@@ -55,7 +54,6 @@
 
   &__text {
     margin-top: 2px;
-    font-family: Roboto;
     font-size: 14px;
     line-height: 18px;
   }
@@ -101,7 +99,6 @@
     justify-content: center;
     border: 1px solid $alto;
     padding: 5px 10px;
-    font-family: Roboto;
     margin-top: 7px;
     width: 286px;
   }
@@ -166,7 +163,6 @@
 
 .private-key-password::-webkit-input-placeholder {
   color: $dusty-gray;
-  font-family: Roboto;
 }
 
 .private-key-password-warning {
@@ -179,7 +175,6 @@
   width: 292px;
   padding: 9px 15px;
   margin-top: 18px;
-  font-family: Roboto;
 }
 
 .export-private-key-buttons {
@@ -207,7 +202,6 @@
 
 .private-key-password-display-textarea {
   color: $crimson;
-  font-family: Roboto;
   font-size: 16px;
   line-height: 21px;
   border: none;
@@ -225,7 +219,6 @@
   position: absolute;
   top: 25px;
   right: 17.5px;
-  font-family: sans-serif;
   cursor: pointer;
 }
 
@@ -250,7 +243,6 @@
 
   &__symbol {
     color: $tundora;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
@@ -261,7 +253,6 @@
     height: 30px;
     width: 271.28px;
     color: $tundora;
-    font-family: Roboto;
     font-size: 22px;
     line-height: 30px;
     text-align: center;
@@ -272,7 +263,6 @@
     height: 41px;
     width: 318px;
     color: $scorpion;
-    font-family: Roboto;
     font-size: 14px;
     line-height: 18px;
     text-align: center;
@@ -307,7 +297,6 @@
     position: relative;
     border: 1px solid $alto;
     box-shadow: 0 0 2px 2px $alto;
-    font-family: Roboto;
   }
 
   &__header {
@@ -349,7 +338,6 @@
 // Deposit Ether Modal
 .deposit-ether-modal {
   border-radius: 8px;
-  font-family: Roboto;
   display: flex;
   flex-flow: column;
   height: 100%;
@@ -503,7 +491,6 @@
     width: 100%;
     height: 45px;
     line-height: 44px;
-    font-family: Roboto;
     font-weight: 300;
   }
 
@@ -522,7 +509,6 @@
   position: relative;
   border: 1px solid $alto;
   box-shadow: 0 0 2px 2px $alto;
-  font-family: Roboto;
 }
 
 .notification-modal-header {

ui/app/css/itcss/components/network.scss

@@ -66,7 +66,6 @@
 
 .network-name {
   padding: 0 4px;
-  font-family: Roboto;
   font-size: 12px;
   line-height: 14px;
   flex: 1 1 auto;
@@ -168,7 +167,6 @@
   height: 25px;
   width: 120px;
   color: $white;
-  font-family: Roboto;
   font-size: 18px;
   line-height: 25px;
   text-align: center;
@@ -178,7 +176,6 @@
   min-height: 36px;
   width: 265px;
   color: $dusty-gray;
-  font-family: Roboto;
   font-size: 14px;
   line-height: 18px;
 }

ui/app/css/itcss/components/new-account.scss

@@ -23,7 +23,6 @@
 
   &__title {
     color: $tundora;
-    font-family: Roboto;
     font-size: 32px;
     font-weight: 500;
     line-height: 43px;
@@ -40,7 +39,6 @@
       height: 54px;
       padding: 15px 10px;
       color: $dusty-gray;
-      font-family: Roboto;
       font-size: 18px;
       line-height: 24px;
       text-align: center;
@@ -87,7 +85,6 @@
 
   &__select-label {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
   }
@@ -123,7 +120,6 @@
 
   &__instruction {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
     align-self: flex-start;
@@ -144,7 +140,6 @@
     background-color: $white;
     margin-top: 16px;
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     padding: 0 20px;
   }
@@ -364,7 +359,6 @@
     margin-bottom: 23px;
     align-self: flex-start;
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
     font-weight: bold;
@@ -376,7 +370,6 @@
     margin-bottom: 23px;
     align-self: flex-end;
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
     font-weight: normal;
@@ -461,7 +454,6 @@
     margin-left: 16px;
     padding: 0;
     text-transform: uppercase;
-    font-family: Roboto;
   }
 }
 
@@ -520,7 +512,6 @@
 
   &__input-label {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
     align-self: flex-start;
@@ -533,7 +524,6 @@
     border-radius: 4px;
     background-color: $white;
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 21px;
     margin-top: 15px;

ui/app/css/itcss/components/newui-sections.scss

@@ -17,7 +17,6 @@ $sub-mid-size-breakpoint-range: "screen and (min-width: #{$break-large}) and (ma
 // Main container
 .main-container {
   z-index: $main-container-z-index;
-  font-family: Roboto;
 }
 
 .main-container::-webkit-scrollbar {
@@ -120,7 +119,6 @@ $sub-mid-size-breakpoint-range: "screen and (min-width: #{$break-large}) and (ma
 
 .unlock-screen-container {
   z-index: $main-container-z-index;
-  font-family: Roboto;
   display: flex;
   justify-content: center;
   align-items: center;

ui/app/css/itcss/components/request-decrypt-message.scss

@@ -8,7 +8,6 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
     position: relative;
     height: 100%;
 
@@ -63,7 +62,6 @@
 
   &__header__text {
     color: #5b5d67;
-    font-family: Roboto;
     font-size: 22px;
     line-height: 29px;
     z-index: 3;
@@ -105,7 +103,6 @@
   &__account-item {
     height: 22px;
     background-color: $white;
-    font-family: Roboto;
     line-height: 16px;
     font-size: 12px;
     width: 124px;
@@ -156,7 +153,6 @@
   }
 
   &__notice {
-    font-family: "Avenir Next";
     font-size: 14px;
     line-height: 19px;
     text-align: center;

ui/app/css/itcss/components/request-encryption-public-key.scss

@@ -8,7 +8,6 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
     position: relative;
     height: 100%;
 
@@ -63,7 +62,6 @@
 
   &__header__text {
     color: #5b5d67;
-    font-family: Roboto;
     font-size: 22px;
     line-height: 29px;
     z-index: 3;
@@ -105,7 +103,6 @@
   &__account-item {
     height: 22px;
     background-color: $white;
-    font-family: Roboto;
     line-height: 16px;
     font-size: 12px;
     width: 124px;
@@ -156,7 +153,6 @@
   }
 
   &__notice {
-    font-family: "Avenir Next";
     font-size: 14px;
     line-height: 19px;
     text-align: center;

ui/app/css/itcss/components/request-signature.scss

@@ -8,7 +8,6 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
     position: relative;
     height: 100%;
 
@@ -63,7 +62,6 @@
 
   &__header__text {
     color: #5b5d67;
-    font-family: Roboto;
     font-size: 22px;
     line-height: 29px;
     z-index: 3;
@@ -104,7 +102,6 @@
   &__account-item {
     height: 22px;
     background-color: $white;
-    font-family: Roboto;
     line-height: 16px;
     font-size: 12px;
     width: 124px;
@@ -163,7 +160,6 @@
     height: 48px;
     width: 240px;
     color: $tundora;
-    font-family: Roboto;
     font-size: 18px;
     line-height: 24px;
     text-align: center;
@@ -172,7 +168,6 @@
 
   &__notice,
   &__warning {
-    font-family: "Avenir Next";
     font-size: 14px;
     line-height: 19px;
     text-align: center;
@@ -207,7 +202,6 @@
   &__row-title {
     width: 80px;
     color: $dusty-gray;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
     margin-top: 12px;
@@ -217,7 +211,6 @@
 
   &__row-value {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 14px;
     line-height: 19px;
     width: 100%;

ui/app/css/itcss/components/sections.scss

@@ -252,7 +252,6 @@ textarea.twelve-word-phrase {
 
 /* Info screen */
 .info-gray {
-  font-family: Roboto;
   text-transform: uppercase;
   color: $silver-chalice;
 }
@@ -262,7 +261,6 @@ textarea.twelve-word-phrase {
 }
 
 .info {
-  font-family: Roboto, Arial;
   padding-bottom: 10px;
   display: inline-block;
   padding-left: 5px;
@@ -311,7 +309,6 @@ textarea.twelve-word-phrase {
 }
 
 .buy-inputs {
-  font-family: Roboto;
   font-size: 13px;
   height: 20px;
   background: transparent;
@@ -355,7 +352,6 @@ textarea.twelve-word-phrase {
 }
 
 .ex-coins {
-  font-family: Roboto;
   text-transform: uppercase;
   text-align: center;
   font-size: 33px;
@@ -366,7 +362,6 @@ textarea.twelve-word-phrase {
 }
 
 .marketinfo {
-  font-family: Roboto;
   color: $silver-chalice;
   font-size: 15px;
   line-height: 17px;

ui/app/css/itcss/components/send.scss

@@ -2,7 +2,6 @@
   display: flex;
   flex-flow: column nowrap;
   z-index: 25;
-  font-family: Roboto;
 
   @media screen and (max-width: $break-small) {
     width: 100%;
@@ -76,7 +75,6 @@
     margin: 4px 0 20px;
     font-size: 16px;
     line-height: 22.4px;
-    font-family: Roboto;
   }
 
   .send-screen-gas-input {
@@ -186,7 +184,6 @@
   padding: 13px 19px;
   font-size: 16px;
   border-radius: 4px;
-  font-family: Roboto;
   font-weight: 500;
 }
 
@@ -316,7 +313,6 @@
   display: flex;
   flex-flow: column nowrap;
   z-index: 25;
-  font-family: Roboto;
 
   &__content {
     width: 498px;
@@ -407,7 +403,6 @@
     flex-flow: column nowrap;
     z-index: 25;
     align-items: center;
-    font-family: Roboto;
     position: relative;
 
     @media screen and (max-width: $break-small) {
@@ -588,7 +583,6 @@
 
   &__form-label {
     color: $scorpion;
-    font-family: Roboto;
     font-size: 16px;
     line-height: 22px;
     width: 95px;
@@ -602,7 +596,6 @@
     border: 1px solid $alto;
     border-radius: 4px;
     background-color: $white;
-    font-family: Roboto;
     line-height: 16px;
     font-size: 12px;
     color: $tundora;
@@ -745,7 +738,6 @@
       background-color: $white;
       color: $tundora;
       padding: 10px;
-      font-family: Roboto;
       font-size: 16px;
       line-height: 21px;
     }
@@ -763,14 +755,12 @@
       background-color: $white;
       color: $tundora;
       padding: 10px;
-      font-family: Roboto;
       font-size: 16px;
       line-height: 21px;
     }
   }
 
   &__amount-max {
-    font-family: Roboto;
     font-size: 12px;
     position: relative;
     display: inline-block;
@@ -873,7 +863,6 @@
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
-    font-family: Roboto;
     display: flex;
     flex-flow: column;
 
@@ -903,7 +892,6 @@
       content: '\00D7';
       font-size: 1.8em;
       color: $dusty-gray;
-      font-family: sans-serif;
       cursor: pointer;
       margin-right: 19.25px;
     }
@@ -1000,7 +988,6 @@
     &__title {
       height: 26px;
       color: $tundora;
-      font-family: Roboto;
       font-size: 20px;
       line-height: 26px;
       margin-top: 17px;
@@ -1010,7 +997,6 @@
       height: 38px;
       width: 314px;
       color: $tundora;
-      font-family: Roboto;
       font-size: 14px;
       line-height: 19px;
       margin-top: 17px;
@@ -1101,7 +1087,6 @@
   font-size: 1em;
   font-size: 14px;
   color: #2f9ae0;
-  font-family: Roboto;
 }
 
 .sliders-icon {

ui/app/css/itcss/components/tooltip.scss

@@ -8,7 +8,6 @@
   position: absolute;
   z-index: 1070;
   display: block;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;

ui/app/css/itcss/components/transaction-list.scss

@@ -26,7 +26,6 @@
     align-self: center;
     font-size: 12px;
     color: $dusty-gray;
-    font-family: Roboto;
     text-transform: uppercase;
   }
 }
@@ -163,7 +162,6 @@
 .tx-list-date {
   color: $dusty-gray;
   font-size: 12px;
-  font-family: Roboto;
 }
 
 .tx-list-identicon-wrapper {

ui/app/css/reset.scss

@@ -88,7 +88,11 @@ video {
   padding: 0;
   border: 0;
   font-size: 100%;
-  font: inherit;
+  font-weight: inherit;
+  font-style: inherit;
+  font-variant: inherit;
+  font-size: inherit;
+  line-height: inherit;
   vertical-align: baseline;
 }
 

ui/app/pages/confirm-approve/confirm-approve-content/index.scss

@@ -4,7 +4,6 @@
   align-items: center;
   width: 100%;
   height: 100%;
-  font-family: Roboto;
   font-style: normal;
 
   &__identicon-wrapper {
@@ -21,7 +20,6 @@
     flex-flow: column;
     align-items: center;
     width: 390px;
-    font-family: Roboto;
     font-style: normal;
     padding-left: 24px;
     padding-right: 24px;

ui/app/pages/error/index.scss

@@ -2,7 +2,6 @@
   display: flex;
   flex-flow: column nowrap;
   align-items: center;
-  font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   padding: 35px 10px 10px 10px;

ui/app/pages/first-time-flow/end-of-flow/index.scss

@@ -1,6 +1,5 @@
 .end-of-flow {
   color: black;
-  font-family: Roboto;
   font-style: normal;
 
   .app-header__logo-container {

ui/app/pages/first-time-flow/index.scss

@@ -72,7 +72,6 @@
     /*rtl:ignore*/
     direction: ltr;
     font-size: 1rem;
-    font-family: Roboto;
     border: 1px solid #cdcdcd;
     border-radius: 6px;
     background-color: #fff;
@@ -149,7 +148,6 @@
   }
 
   &__checkbox-label {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: normal;

ui/app/pages/first-time-flow/metametrics-opt-in/index.scss

@@ -27,7 +27,6 @@
   &__title {
     position: relative;
     margin-top: 20px;
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: normal;
@@ -43,7 +42,6 @@
   }
 
   &__description {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: 21px;

ui/app/pages/first-time-flow/select-action/index.scss

@@ -11,7 +11,6 @@
   }
 
   &__body-header {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: 39px;
@@ -59,7 +58,6 @@
   }
 
   &__button-text-big {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: 28px;
@@ -70,7 +68,6 @@
   }
 
   &__button-text-small {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     line-height: 20px;

ui/app/pages/keychains/index.scss

@@ -95,7 +95,6 @@
 .import-account__faq-link {
   font-size: 18px;
   line-height: 23px;
-  font-family: Roboto;
 }
 
 .import-account__selector-label {
@@ -110,7 +109,6 @@
   background-color: #fff;
   margin-top: 14px;
   color: #5b5d67;
-  font-family: Roboto;
   font-size: 18px;
   line-height: 23px;
   padding: 14px 21px;
@@ -125,7 +123,6 @@
   font-size: 18px;
   line-height: 23px;
   margin-top: 21px;
-  font-family: Roboto;
 }
 
 .import-account__input-wrapper {
@@ -173,7 +170,6 @@
   border: 1px solid #1b344d;
   border-radius: 4px;
   color: #1b344d;
-  font-family: Roboto;
   font-size: 18px;
   display: flex;
   flex-flow: column nowrap;
@@ -190,7 +186,6 @@
 
 .import-account__file-name {
   color: #000;
-  font-family: Roboto;
   font-size: 18px;
   line-height: 23px;
   margin-left: 22px;

ui/app/pages/settings/contact-list-tab/index.scss

@@ -33,7 +33,6 @@
   &__header,
   &__header--edit {
     &__name {
-      font-family: Roboto;
       font-style: normal;
       font-weight: normal;
       font-size: 24px;
@@ -179,7 +178,6 @@
     }
 
     &__header {
-      font-family: Roboto;
       font-style: normal;
       font-weight: normal;
       font-size: 18px;
@@ -193,7 +191,6 @@
     }
 
     &__text {
-      font-family: Roboto;
       font-style: normal;
       font-weight: normal;
       font-size: 14px;

ui/app/pages/settings/index.scss

@@ -70,7 +70,6 @@
   }
 
   &__sub-header-text {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     font-size: 20px;

ui/app/pages/settings/networks-tab/index.scss

@@ -96,7 +96,6 @@
   }
 
   &__network-form-label {
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
@@ -177,7 +176,6 @@
 
   &__networks-list-name {
     margin-left: 11px;
-    font-family: Roboto;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;