Add Inter UI font

1 files changed, 7 insertions, 0 deletions

diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts
index 838378c99..0af233db2 100644
--- a/packages/instant/src/style/theme.ts
+++ b/packages/instant/src/style/theme.ts
@@ -8,12 +8,18 @@ const {
     ThemeProvider,
 } = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>;
 
+// Inject the inter-ui font into the page
+styledComponents.injectGlobal`
+    @import url('https://rsms.me/inter/inter-ui.css');
+`;
+
 export interface IThemeInterface {
     primaryColor: string;
     black: string;
     white: string;
     darkGrey: string;
     lightGrey: string;
+    fontFamily: string;
 }
 
 export const theme: IThemeInterface = {
@@ -22,6 +28,7 @@ export const theme: IThemeInterface = {
     lightGrey: '#999999',
     darkGrey: '#333333',
     white: 'white',
+    fontFamily: 'Inter UI, sans-serif',
 };
 
 export { styled, css, injectGlobal, keyframes, ThemeProvider };