fix: Replace Inter font with Bricolage Grotesque and remove unnecessary Head links
Browse files
frontend/src/pages/_app.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
| 1 |
-
import { Inter } from 'next/font/google';
|
| 2 |
import Head from 'next/head';
|
| 3 |
import '../styles/globals.css';
|
|
|
|
| 4 |
|
| 5 |
-
const bricolageGrotesque =
|
| 6 |
subsets: ['latin'],
|
| 7 |
variable: '--font-bricolage',
|
| 8 |
});
|
|
@@ -10,11 +10,6 @@ const bricolageGrotesque = Inter({
|
|
| 10 |
export default function App({ Component, pageProps }) {
|
| 11 |
return (
|
| 12 |
<>
|
| 13 |
-
<Head>
|
| 14 |
-
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
| 15 |
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
|
| 16 |
-
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap" rel="stylesheet" />
|
| 17 |
-
</Head>
|
| 18 |
<div className={bricolageGrotesque.variable} style={{ fontFamily: 'Bricolage Grotesque, sans-serif' }}>
|
| 19 |
<Component {...pageProps} />
|
| 20 |
</div>
|
|
|
|
|
|
|
| 1 |
import Head from 'next/head';
|
| 2 |
import '../styles/globals.css';
|
| 3 |
+
import { Bricolage_Grotesque } from 'next/font/google';
|
| 4 |
|
| 5 |
+
const bricolageGrotesque = Bricolage_Grotesque({
|
| 6 |
subsets: ['latin'],
|
| 7 |
variable: '--font-bricolage',
|
| 8 |
});
|
|
|
|
| 10 |
export default function App({ Component, pageProps }) {
|
| 11 |
return (
|
| 12 |
<>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
<div className={bricolageGrotesque.variable} style={{ fontFamily: 'Bricolage Grotesque, sans-serif' }}>
|
| 14 |
<Component {...pageProps} />
|
| 15 |
</div>
|