diff --git a/app/src/styles/about.js b/app/src/styles/about.js
index d5765b7..218b914 100644
--- a/app/src/styles/about.js
+++ b/app/src/styles/about.js
@@ -31,14 +31,14 @@ const aboutStyle = StyleSheet.create({
   title: {
     color: Colors.LbryGreen,
     fontSize: 24,
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     marginTop: 16,
     marginLeft: 12,
     marginRight: 12,
     marginBottom: 8
   },
   paragraph: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     lineHeight: 24,
     marginLeft: 12,
@@ -52,13 +52,13 @@ const aboutStyle = StyleSheet.create({
   },
   link: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     marginBottom: 24
   },
   listLink: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 15,
     alignSelf: 'flex-end'
   },
@@ -66,30 +66,30 @@ const aboutStyle = StyleSheet.create({
     alignSelf: 'stretch'
   },
   socialTitle: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     marginLeft: 12,
     marginRight: 12,
     marginBottom: 8,
     fontSize: 20
   },
   releaseInfoTitle: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     marginLeft: 12,
     marginRight: 12,
     marginBottom: 12,
     fontSize: 20
   },
   text: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 15
   },
   valueText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     textAlign: 'right',
     fontSize: 15
   },
   lineValueText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 15
   }
 });
diff --git a/app/src/styles/button.js b/app/src/styles/button.js
index 4ef0ad3..6175455 100644
--- a/app/src/styles/button.js
+++ b/app/src/styles/button.js
@@ -29,7 +29,7 @@ const buttonStyle = StyleSheet.create({
     color: Colors.DarkGrey
   },
   text: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   textWithIcon: {
diff --git a/app/src/styles/channelPage.js b/app/src/styles/channelPage.js
index 5f2cfef..8663147 100644
--- a/app/src/styles/channelPage.js
+++ b/app/src/styles/channelPage.js
@@ -16,7 +16,7 @@ const channelPageStyle = StyleSheet.create({
   },
   title: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 30,
     margin: 16
   },
@@ -27,7 +27,7 @@ const channelPageStyle = StyleSheet.create({
     flexDirection: 'row'
   },
   infoText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 20,
     textAlign: 'center',
     marginLeft: 10
diff --git a/app/src/styles/colors.js b/app/src/styles/colors.js
index 71b4c4e..d6098b8 100644
--- a/app/src/styles/colors.js
+++ b/app/src/styles/colors.js
@@ -3,7 +3,7 @@ const Colors = {
   ChannelGrey: '#9b9b9b',
   DarkGrey: '#555555',
   DescriptionGrey: '#999999',
-  LbryGreen: '#40b89a',
+  LbryGreen: '#2f9176',
   BrighterLbryGreen: '#40b887',
   LightGrey: '#cccccc',
   LighterGrey: '#e5e5e5',
diff --git a/app/src/styles/discover.js b/app/src/styles/discover.js
index c1be974..5d9e2b0 100644
--- a/app/src/styles/discover.js
+++ b/app/src/styles/discover.js
@@ -33,13 +33,13 @@ const discoverStyle = StyleSheet.create({
     flexDirection: 'row'
   },
   title: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 20,
     textAlign: 'center',
     marginLeft: 10
   },
   categoryName: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 20,
     marginLeft: 24,
     marginTop: 16,
@@ -58,12 +58,12 @@ const discoverStyle = StyleSheet.create({
     justifyContent: 'center'
   },
   fileItemName: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     marginTop: 8,
     fontSize: 18
   },
   channelName: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 16,
     marginTop: 4,
     color: Colors.LbryGreen
@@ -79,7 +79,7 @@ const discoverStyle = StyleSheet.create({
     borderRadius: 4
   },
   filePriceText: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 12,
     textAlign: 'center',
     color: '#0c604b'
@@ -112,7 +112,7 @@ const discoverStyle = StyleSheet.create({
     color: Colors.White,
     fontSize: 14,
     textAlign: 'center',
-    fontFamily: 'Metropolis-Regular'
+    fontFamily: 'Inter-UI-Regular'
   },
   rewardTitleContainer: {
     alignItems: 'center',
@@ -129,11 +129,11 @@ const discoverStyle = StyleSheet.create({
     flex: 0.9
   },
   menuText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16
   },
   titleText: {
-    fontFamily: 'Metropolis-Regular'
+    fontFamily: 'Inter-UI-Regular'
   }
 });
 
diff --git a/app/src/styles/downloads.js b/app/src/styles/downloads.js
index 5c6bc4f..08b4bf6 100644
--- a/app/src/styles/downloads.js
+++ b/app/src/styles/downloads.js
@@ -29,7 +29,7 @@ const downloadsStyle = StyleSheet.create({
   },
   noDownloadsText: {
     textAlign: 'center',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     position: 'absolute'
   },
diff --git a/app/src/styles/fileDownloadButton.js b/app/src/styles/fileDownloadButton.js
index d7768ef..8923a89 100644
--- a/app/src/styles/fileDownloadButton.js
+++ b/app/src/styles/fileDownloadButton.js
@@ -10,7 +10,7 @@ const fileDownloadButtonStyle = StyleSheet.create({
     backgroundColor: '#40c0a9',
   },
   text: {
-    fontFamily: 'Metropolis-Medium',
+    fontFamily: 'Inter-UI-Medium',
     color: '#ffffff',
     fontSize: 14,
     textAlign: 'center'
diff --git a/app/src/styles/fileItemMedia.js b/app/src/styles/fileItemMedia.js
index 9cd35d9..19efdc8 100644
--- a/app/src/styles/fileItemMedia.js
+++ b/app/src/styles/fileItemMedia.js
@@ -10,7 +10,7 @@ const fileItemMediaStyle = StyleSheet.create({
     alignItems: 'center'
   },
   autothumbText: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     textAlign: 'center',
     color: Colors.White,
     fontSize: 40
@@ -55,7 +55,7 @@ const fileItemMediaStyle = StyleSheet.create({
   },
   text: {
     color: '#ffffff',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     marginTop: 8
   },
diff --git a/app/src/styles/fileList.js b/app/src/styles/fileList.js
index 6eda3b2..968f239 100644
--- a/app/src/styles/fileList.js
+++ b/app/src/styles/fileList.js
@@ -28,16 +28,16 @@ const fileListStyle = StyleSheet.create({
     justifyContent: 'center',
   },
   title: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: (screenWidthPixels <= 720) ? 12 : 16
   },
   uri: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: (screenWidthPixels <= 720) ? 12 : 14,
     marginBottom: 8
   },
   publisher: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: (screenWidthPixels <= 720) ? 12 : 14,
     marginTop: (screenWidthPixels <= 720) ? 1 : 3,
     color: Colors.LbryGreen
@@ -49,7 +49,7 @@ const fileListStyle = StyleSheet.create({
     marginTop: (screenWidthPixels <= 720) ? 4 : 8
   },
   downloadStorage: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: (screenWidthPixels <= 720) ? 12 : 14,
     color: Colors.ChannelGrey
   },
diff --git a/app/src/styles/filePage.js b/app/src/styles/filePage.js
index 5ced62e..5a2b130 100644
--- a/app/src/styles/filePage.js
+++ b/app/src/styles/filePage.js
@@ -35,7 +35,7 @@ const filePageStyle = StyleSheet.create({
     height: containedMediaHeightWithControls
   },
   emptyClaimText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     textAlign: 'center',
     fontSize: 20,
     marginLeft: 16,
@@ -52,7 +52,7 @@ const filePageStyle = StyleSheet.create({
     flex: 1
   },
   title: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 24,
     marginTop: 12,
     marginLeft: 20,
@@ -60,7 +60,7 @@ const filePageStyle = StyleSheet.create({
     marginBottom: 12
   },
   channelName: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 20,
     marginLeft: 20,
     marginRight: 20,
@@ -69,7 +69,7 @@ const filePageStyle = StyleSheet.create({
   },
   description: {
     color: Colors.DescriptionGrey,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     lineHeight: 20,
     marginLeft: 20,
@@ -136,7 +136,7 @@ const filePageStyle = StyleSheet.create({
     borderRadius: 4
   },
   filePriceText: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 12,
     textAlign: 'center',
     color: '#0c604b'
@@ -178,19 +178,19 @@ const filePageStyle = StyleSheet.create({
     paddingRight: 24
   },
   dmcaText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
     lineHeight: 24
   },
   dmcaLink: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
     lineHeight: 24,
     marginTop: 24
   },
   infoText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 20,
     textAlign: 'center',
     marginLeft: 10
@@ -239,7 +239,7 @@ const filePageStyle = StyleSheet.create({
     marginBottom: 14
   },
   input: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   tipAmountInput: {
@@ -253,7 +253,7 @@ const filePageStyle = StyleSheet.create({
     marginTop: 17
   },
   text: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     lineHeight: 24
   }
diff --git a/app/src/styles/firstRun.js b/app/src/styles/firstRun.js
index 5938e2e..ec021f5 100644
--- a/app/src/styles/firstRun.js
+++ b/app/src/styles/firstRun.js
@@ -12,7 +12,7 @@ const firstRunStyle = StyleSheet.create({
     backgroundColor: Colors.LbryGreen
   },
   title: {
-    fontFamily: 'Metropolis-SemiBold',
+    fontFamily: 'Inter-UI-SemiBold',
     fontSize: 40,
     marginLeft: 32,
     marginRight: 32,
@@ -20,7 +20,7 @@ const firstRunStyle = StyleSheet.create({
     color: Colors.White
   },
   paragraph: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
     lineHeight: 24,
     marginLeft: 32,
@@ -29,7 +29,7 @@ const firstRunStyle = StyleSheet.create({
     color: Colors.White
   },
   infoParagraph: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     lineHeight: 20,
     marginLeft: 32,
@@ -38,7 +38,7 @@ const firstRunStyle = StyleSheet.create({
     color: Colors.White
   },
   emailInput: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 24,
     lineHeight: 24,
     marginLeft: 32,
@@ -58,7 +58,7 @@ const firstRunStyle = StyleSheet.create({
   actionButton: {
     backgroundColor: Colors.White,
     alignSelf: 'center',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 12,
     paddingLeft: 16,
     paddingRight: 16
@@ -70,7 +70,7 @@ const firstRunStyle = StyleSheet.create({
     paddingRight: 32
   },
   buttonText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 24,
     color: Colors.White
   },
diff --git a/app/src/styles/floatingButton.js b/app/src/styles/floatingButton.js
index a45df1e..4e04966 100644
--- a/app/src/styles/floatingButton.js
+++ b/app/src/styles/floatingButton.js
@@ -22,7 +22,7 @@ const floatingButtonStyle = StyleSheet.create({
   },
   text: {
     color: Colors.White,
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 18,
   },
   bottomRight: {
diff --git a/app/src/styles/mediaPlayer.js b/app/src/styles/mediaPlayer.js
index 2b06732..dfafa95 100644
--- a/app/src/styles/mediaPlayer.js
+++ b/app/src/styles/mediaPlayer.js
@@ -71,7 +71,7 @@ const mediaPlayerStyle = StyleSheet.create({
     bottom: 14,
   },
   elapsedDuration: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     position: 'absolute',
     left: 8,
     bottom: 24,
@@ -79,7 +79,7 @@ const mediaPlayerStyle = StyleSheet.create({
     color: '#ffffff'
   },
   totalDuration: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     position: 'absolute',
     right: 40,
     bottom: 24,
diff --git a/app/src/styles/pageHeader.js b/app/src/styles/pageHeader.js
index 4442268..c8921ea 100644
--- a/app/src/styles/pageHeader.js
+++ b/app/src/styles/pageHeader.js
@@ -42,7 +42,7 @@ const pageHeaderStyle = StyleSheet.create({
     flexDirection: 'row',
   },
   titleText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: Platform.OS === 'ios' ? 17 : 20,
     fontWeight: Platform.OS === 'ios' ? '700' : '500',
     color: 'rgba(0, 0, 0, .9)',
diff --git a/app/src/styles/relatedContent.js b/app/src/styles/relatedContent.js
index 1938620..53732f5 100644
--- a/app/src/styles/relatedContent.js
+++ b/app/src/styles/relatedContent.js
@@ -12,7 +12,7 @@ const relatedContentStyle = StyleSheet.create({
     borderTopWidth: 1
   },
   title: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
   },
   itemList: {
diff --git a/app/src/styles/reward.js b/app/src/styles/reward.js
index 6651ff0..b5dfd9b 100644
--- a/app/src/styles/reward.js
+++ b/app/src/styles/reward.js
@@ -48,36 +48,36 @@ const rewardStyle = StyleSheet.create({
     paddingBottom: 16
   },
   text: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     lineHeight: 24
   },
   infoText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
     marginLeft: 12
   },
   title: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 22,
     marginBottom: 6,
     color: Colors.LbryGreen
   },
   subtitle: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 18,
     marginBottom: 6,
     color: Colors.LbryGreen
   },
   subcardText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 15,
     lineHeight: 20,
     marginLeft: 2,
     marginRight: 2
   },
   subcardTextInput: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     marginTop: 2,
     marginBottom: 2
@@ -99,7 +99,7 @@ const rewardStyle = StyleSheet.create({
   },
   link: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
   },
   textLink: {
@@ -118,21 +118,21 @@ const rewardStyle = StyleSheet.create({
     alignItems: 'center'
   },
   rewardAmount: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 26,
     textAlign: 'center'
   },
   rewardCurrency: {
-    fontFamily: 'Metropolis-Regular'
+    fontFamily: 'Inter-UI-Regular'
   },
   rewardTitle: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     color: Colors.LbryGreen,
     marginBottom: 4,
   },
   rewardDescription: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     lineHeight: 18,
     marginBottom: 4
@@ -162,7 +162,7 @@ const rewardStyle = StyleSheet.create({
   },
   summaryText: {
     color: Colors.White,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     lineHeight: 20,
     flex: 0.7
@@ -175,18 +175,18 @@ const rewardStyle = StyleSheet.create({
     marginLeft: 8
   },
   phoneInputText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     letterSpacing: 1.3
   },
   verifyingText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     marginLeft: 12,
     alignSelf: 'flex-start'
   },
   verificationCodeInput: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 24,
     letterSpacing: 12
   },
@@ -204,7 +204,7 @@ const rewardStyle = StyleSheet.create({
     flex: 0.2
   },
   customCodeInput: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     letterSpacing: 1.3,
     marginTop: -8,
diff --git a/app/src/styles/search.js b/app/src/styles/search.js
index ac3ca9d..b7a336a 100644
--- a/app/src/styles/search.js
+++ b/app/src/styles/search.js
@@ -26,12 +26,12 @@ const searchStyle = StyleSheet.create({
   searchInput: {
     width: '100%',
     height: '100%',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16
   },
   noResultsText: {
     textAlign: 'center',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     position: 'absolute'
   },
diff --git a/app/src/styles/settings.js b/app/src/styles/settings.js
index 6b6739e..9ac0a2d 100644
--- a/app/src/styles/settings.js
+++ b/app/src/styles/settings.js
@@ -25,13 +25,13 @@ const settingsStyle = StyleSheet.create({
   },
   label: {
     fontSize: 14,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     lineHeight: 18
   },
   description: {
     color: '#aaaaaa',
     fontSize: 12,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     lineHeight: 18
   }
 });
diff --git a/app/src/styles/splash.js b/app/src/styles/splash.js
index bfddbc9..6b1fc47 100644
--- a/app/src/styles/splash.js
+++ b/app/src/styles/splash.js
@@ -8,7 +8,7 @@ const splashStyle = StyleSheet.create({
     backgroundColor: Colors.LbryGreen
   },
   title: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 64,
     textAlign: 'center',
     marginBottom: 48,
@@ -23,7 +23,7 @@ const splashStyle = StyleSheet.create({
     width: '50%'
   },
   details: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     marginLeft: 16,
     marginRight: 16,
@@ -31,7 +31,7 @@ const splashStyle = StyleSheet.create({
     textAlign: 'center'
   },
   message: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 18,
     color: Colors.White,
     marginLeft: 16,
diff --git a/app/src/styles/storageStats.js b/app/src/styles/storageStats.js
index c6d078f..1022975 100644
--- a/app/src/styles/storageStats.js
+++ b/app/src/styles/storageStats.js
@@ -16,16 +16,16 @@ const storageStatsStyle = StyleSheet.create({
     padding: 16
   },
   totalSize: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 36
   },
   annotation: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     marginTop: -4
   },
   statsText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   distributionBar: {
@@ -57,12 +57,12 @@ const storageStatsStyle = StyleSheet.create({
     height: 16,
   },
   legendText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     flex: 0.3
   },
   legendSize: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     flex: 0.6,
     textAlign: 'right'
diff --git a/app/src/styles/transactionList.js b/app/src/styles/transactionList.js
index 726e2e6..cb6869b 100644
--- a/app/src/styles/transactionList.js
+++ b/app/src/styles/transactionList.js
@@ -21,29 +21,29 @@ const transactionListStyle = StyleSheet.create({
     alignSelf: 'stretch'
   },
   text: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   link: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   amount: {
     textAlign: 'right'
   },
   smallText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 12,
     color: '#aaaaaa'
   },
   smallLink: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 12
   },
   noTransactions: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     textAlign: 'center',
     padding: 16,
     color: '#aaaaaa'
diff --git a/app/src/styles/uriBar.js b/app/src/styles/uriBar.js
index 4061072..a7d8a13 100644
--- a/app/src/styles/uriBar.js
+++ b/app/src/styles/uriBar.js
@@ -22,7 +22,7 @@ const uriBarStyle = StyleSheet.create({
     borderColor: Colors.LightGrey,
     padding: 8,
     borderRadius: 4,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     width: '100%'
   },
@@ -47,7 +47,7 @@ const uriBarStyle = StyleSheet.create({
     padding: 12
   },
   itemText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     marginLeft: 12,
     marginRight: 12
diff --git a/app/src/styles/wallet.js b/app/src/styles/wallet.js
index 391e3da..65c16e5 100644
--- a/app/src/styles/wallet.js
+++ b/app/src/styles/wallet.js
@@ -11,7 +11,7 @@ const walletStyle = StyleSheet.create({
     flexDirection: 'row'
   },
   address: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     borderWidth: 1,
     borderStyle: 'dashed',
     borderColor: '#cccccc',
@@ -38,12 +38,12 @@ const walletStyle = StyleSheet.create({
     margin: 16
   },
   title: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 20,
     marginBottom: 24
   },
   transactionsTitle: {
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 20
   },
   transactionsHeader: {
@@ -55,16 +55,16 @@ const walletStyle = StyleSheet.create({
     borderBottomColor: '#eeeeee'
   },
   text: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   link: {
     color: Colors.LbryGreen,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   smallText: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 12
   },
   balanceCard: {
@@ -80,14 +80,14 @@ const walletStyle = StyleSheet.create({
   },
   balanceTitle: {
     color: '#ffffff',
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 18,
     marginLeft: 16,
     marginTop: 16
   },
   balanceCaption: {
     color: '#caedB9',
-    fontFamily: 'Metropolis-Medium',
+    fontFamily: 'Inter-UI-Medium',
     fontSize: 14,
     marginLeft: 16,
     marginTop: 8,
@@ -95,20 +95,20 @@ const walletStyle = StyleSheet.create({
   },
   balance: {
     color: '#ffffff',
-    fontFamily: 'Metropolis-Bold',
+    fontFamily: 'Inter-UI-Bold',
     fontSize: 36,
     marginLeft: 16,
     marginBottom: 16
   },
   infoText: {
     color: '#aaaaaa',
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14,
     padding: 16,
     textAlign: 'center'
   },
   input: {
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 14
   },
   amountInput: {
@@ -129,7 +129,7 @@ const walletStyle = StyleSheet.create({
   },
   warningText: {
     color: Colors.White,
-    fontFamily: 'Metropolis-Regular',
+    fontFamily: 'Inter-UI-Regular',
     fontSize: 16,
     lineHeight: 24
   },
diff --git a/src/main/assets/fonts/Inter-UI-Bold.ttf b/src/main/assets/fonts/Inter-UI-Bold.ttf
new file mode 100644
index 0000000..31a0c37
Binary files /dev/null and b/src/main/assets/fonts/Inter-UI-Bold.ttf differ
diff --git a/src/main/assets/fonts/Inter-UI-Medium.ttf b/src/main/assets/fonts/Inter-UI-Medium.ttf
new file mode 100644
index 0000000..f4b3713
Binary files /dev/null and b/src/main/assets/fonts/Inter-UI-Medium.ttf differ
diff --git a/src/main/assets/fonts/Inter-UI-Regular.ttf b/src/main/assets/fonts/Inter-UI-Regular.ttf
new file mode 100644
index 0000000..a3d426f
Binary files /dev/null and b/src/main/assets/fonts/Inter-UI-Regular.ttf differ
diff --git a/src/main/assets/fonts/Inter-UI-SemiBold.ttf b/src/main/assets/fonts/Inter-UI-SemiBold.ttf
new file mode 100644
index 0000000..28f2bba
Binary files /dev/null and b/src/main/assets/fonts/Inter-UI-SemiBold.ttf differ
diff --git a/src/main/assets/fonts/Metropolis-Bold.ttf b/src/main/assets/fonts/Metropolis-Bold.ttf
deleted file mode 100644
index d985ffa..0000000
Binary files a/src/main/assets/fonts/Metropolis-Bold.ttf and /dev/null differ
diff --git a/src/main/assets/fonts/Metropolis-Medium.ttf b/src/main/assets/fonts/Metropolis-Medium.ttf
deleted file mode 100644
index 924987c..0000000
Binary files a/src/main/assets/fonts/Metropolis-Medium.ttf and /dev/null differ
diff --git a/src/main/assets/fonts/Metropolis-Regular.ttf b/src/main/assets/fonts/Metropolis-Regular.ttf
deleted file mode 100644
index 34c9328..0000000
Binary files a/src/main/assets/fonts/Metropolis-Regular.ttf and /dev/null differ
diff --git a/src/main/assets/fonts/Metropolis-SemiBold.ttf b/src/main/assets/fonts/Metropolis-SemiBold.ttf
deleted file mode 100644
index badaab2..0000000
Binary files a/src/main/assets/fonts/Metropolis-SemiBold.ttf and /dev/null differ