diff --git a/src/utils/styles/global.ts b/src/utils/styles/global.ts
index a920d88..d415ac4 100644
--- a/src/utils/styles/global.ts
+++ b/src/utils/styles/global.ts
@@ -3,6 +3,9 @@ import { fontSize, fontWeight } from './sizes';
 import colors from './colors';
 import { breakpoints } from './media';
 
+const fontFamily = `-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", 
+    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`;
+
 export default injectGlobal`
     html,
     body {
@@ -10,6 +13,7 @@ export default injectGlobal`
     }
 
     body {
+        font-family: ${fontFamily};
         font-size: ${fontSize.base};
         color: ${colors.eclipse};
     }