feat: change primary font to Open Sans

frontend/src/App/fonts.css

@@ -0,0 +1,6 @@
+@font-face {
+  font-family: 'Open Sans';
+  src: url(../shared/fonts/OpenSans-Regular.ttf) format('truetype');
+  /* other formats include: 'woff2', 'truetype, 'opentype',
+                            'embedded-opentype', and 'svg' */
+}

frontend/src/App/index.tsx

@@ -11,6 +11,7 @@ import ToastedContainer from './Toast';
 import { UserContext } from './context';
 
 import 'react-toastify/dist/ReactToastify.css';
+import './fonts.css';
 
 const history = createBrowserHistory();
 

frontend/src/Projects/Project/index.tsx

@@ -1,7 +1,8 @@
 // LOC830
 import React, { useState, useRef, useEffect, useContext } from 'react';
 import updateApolloCache from 'shared/utils/cache';
-import GlobalTopNavbar, { ProjectPopup } from 'App/TopNavbar';
+import GlobalTopNavbar from 'App/TopNavbar';
+import ProjectPopup from 'App/TopNavbar/ProjectPopup';
 import styled from 'styled-components/macro';
 import AsyncSelect from 'react-select/async';
 import { usePopup, Popup } from 'shared/components/PopupMenu';

frontend/src/shared/utils/editorTheme.ts

@@ -17,7 +17,7 @@ const colors = {
 
 export const base = {
   ...colors,
-  fontFamily: "'Droid Sans', sans-serif",
+  fontFamily: "'Open Sans', sans-serif",
   fontFamilyMono: "'SFMono-Regular',Consolas,'Liberation Mono', Menlo, Courier,monospace",
   fontWeight: 400,
   zIndex: 10000,

frontend/src/shared/utils/styles.ts

@@ -27,10 +27,10 @@ export const color = {
 };
 
 export const font = {
-  regular: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
+  regular: 'font-family: "Open Sans", Roboto, sans-serif; font-weight: normal;',
   size: (size: number) => `font-size: ${size}px;`,
-  bold: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
-  medium: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
+  bold: 'font-family: "Open Sans", Roboto, sans-serif; font-weight: normal;',
+  medium: 'font-family: "Open Sans", Roboto, sans-serif; font-weight: normal;',
 };
 
 export const mixin = {