studio: drop manrope, use inter for all elements

apps/studio/fonts/index.ts

@@ -18,19 +18,6 @@ export const inter = localFont({
   ],
 })
 
-export const manrope = localFont({
-  variable: '--font-manrope',
-  display: 'swap',
-  fallback: ['system-ui', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
-  src: [
-    {
-      path: './manrope/Manrope-Variable.woff2',
-      weight: '200 800',
-      style: 'normal',
-    },
-  ],
-})
-
 export const sourceCodePro = localFont({
   variable: '--font-source-code-pro',
   display: 'swap',

apps/studio/pages/_app.tsx

@@ -53,7 +53,7 @@ import { BannerStackProvider } from '@/components/ui/BannerStack/BannerStackProv
 import { GlobalErrorBoundaryState } from '@/components/ui/ErrorBoundary/GlobalErrorBoundaryState'
 import { GlobalShortcuts } from '@/components/ui/GlobalShortcuts/GlobalShortcuts'
 import { useRootQueryClient } from '@/data/query-client'
-import { inter, manrope, sourceCodePro } from '@/fonts'
+import { inter, sourceCodePro } from '@/fonts'
 import { useCustomContent } from '@/hooks/custom-content/useCustomContent'
 import { useSelectedOrganizationQuery } from '@/hooks/misc/useSelectedOrganization'
 import { AuthProvider } from '@/lib/auth'
@@ -176,7 +176,7 @@ function CustomApp({ Component, pageProps }: AppPropsWithLayout) {
                         {/* [Alaister]: This has to be an inline style tag here and not a separate component due to next/font */}
                         <style
                           dangerouslySetInnerHTML={{
-                            __html: `:root{--font-custom:${inter.style.fontFamily};--font-sans:${inter.style.fontFamily};--font-heading:${manrope.style.fontFamily};--font-mono:${sourceCodePro.style.fontFamily};--font-source-code-pro:${sourceCodePro.style.fontFamily};}`,
+                            __html: `:root{--font-custom:${inter.style.fontFamily};--font-sans:${inter.style.fontFamily};--font-mono:${sourceCodePro.style.fontFamily};--font-source-code-pro:${sourceCodePro.style.fontFamily};}`,
                           }}
                         />
                         {/* Speed up initial API loading times by pre-connecting to the API domain */}

apps/studio/pages/_document.tsx

@@ -1,6 +1,6 @@
 import Document, { DocumentContext, Head, Html, Main, NextScript } from 'next/document'
 
-import { inter, manrope, sourceCodePro } from '@/fonts'
+import { inter, sourceCodePro } from '@/fonts'
 import { BASE_PATH, IS_PLATFORM } from '@/lib/constants'
 
 class MyDocument extends Document {
@@ -12,7 +12,7 @@ class MyDocument extends Document {
 
   render() {
     return (
-      <Html lang="en" className={`${inter.variable} ${manrope.variable} ${sourceCodePro.variable}`}>
+      <Html lang="en" className={`${inter.variable} ${sourceCodePro.variable}`}>
         <Head>
           {/* Workaround for https://github.com/suren-atoyan/monaco-react/issues/272 */}
           <link

apps/studio/styles/globals.css

@@ -157,34 +157,10 @@
     border-color: hsl(var(--border-default, currentColor));
   }
 
-  h1,
-  h2,
-  h4,
-  h5,
-  h6 {
-    font-family: var(--font-heading);
-  }
   h1,
   h2 {
     font-weight: 500;
   }
-  h3 {
-    font-family: var(--font-sans);
-  }
-  h3:is(
-    .text-lg,
-    .text-xl,
-    .text-2xl,
-    .text-3xl,
-    .text-4xl,
-    .text-5xl,
-    .text-6xl,
-    .text-7xl,
-    .text-8xl,
-    .text-9xl
-  ) {
-    font-family: var(--font-heading);
-  }
   body {
     letter-spacing: -0.01em;
   }