diff --git a/components/meta.js b/components/meta.js
index f49de6b7..34e1d0fe 100644
--- a/components/meta.js
+++ b/components/meta.js
@@ -33,12 +33,6 @@ const Meta = () => {
         key="ogdescription"
         content={siteDescription}
       />
-
-      <link rel="preconnect" href="https://fonts.gstatic.com" />
-      <link
-        href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap"
-        rel="stylesheet"
-      />
     </Head>
   );
 };
diff --git a/pages/_app.js b/pages/_app.js
index 72022a1b..8b4d793e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -2,14 +2,22 @@ import PropTypes from 'prop-types';
 import getConfig from 'next/config';
 import { ThemeProvider } from 'next-themes';
 
+// Icons from Font Awesome
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 
+// Source Sans Pro Font from Font Source
+import '@fontsource/source-sans-pro/400.css';
+import '@fontsource/source-sans-pro/400-italic.css';
+import '@fontsource/source-sans-pro/700.css';
+
+// Global CSS
 import 'normalize.css';
 import '@lsst-sqre/rubin-style-dictionary/dist/tokens.css';
 import '@lsst-sqre/rubin-style-dictionary/dist/tokens.dark.css';
 import '../styles/globals.css';
+
 import { useLogin } from '../hooks/login';
 import Page from '../components/page';