fix: fonts

1 year ago · 1e4757b2f3
parent 5ed47612a7
commit 1e4757b2f3
6 changed files with 28 additions and 9 deletions
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@ -8,7 +8,7 @@ interface LogoProps {
  [props: string]: any;
 }

-const Logo = ({ title = false, ...props }: LogoProps) => {
+const Logo = ({ title = true, ...props }: LogoProps) => {
  const { t } = useTranslation();
  const src = title ? logoWithText : logo;
  return <Image src={src} alt={t('logo.alt')} className="d-block" {...props} />;
--- a/netlify.toml
+++ b/netlify.toml
@ -5,3 +5,4 @@

 [dev]
  command = "npm run dev"
+
--- a/next.config.js
+++ b/next.config.js
@ -1,6 +1,8 @@
-const {i18n} = require('./next-i18next.config.js')
+const { i18n } = require('./next-i18next.config.js');

-const remoteImage = process.env.IMGPUSH_URL ? process.env.IMGPUSH_URL.split('/')[-1] : "imgpush.mieuxvoter.fr";
+const remoteImage = process.env.IMGPUSH_URL
+  ? process.env.IMGPUSH_URL.split('/')[-1]
+  : 'imgpush.mieuxvoter.fr';

 module.exports = {
  i18n,
@ -12,5 +14,5 @@ module.exports = {
        pathname: '**',
      },
    ],
-  }
+  },
 };
--- a/pages/_document.js
+++ b/pages/_document.js
@ -0,0 +1,20 @@
+import { Html, Head, Main, NextScript } from 'next/document';
+
+export default function Document() {
+  return (
+    <Html>
+      <Head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+          href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=DM+Serif+Display:ital@0;1&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
--- a/pages/index.tsx
+++ b/pages/index.tsx
@ -29,9 +29,7 @@ const StartForm = () => {
    <form className="sectionOneHomeForm" autoComplete="off">
      <Row className="sectionOneHomeRowOne">
        <Col className="sectionOneHomeContent">
-          <Row>
-            <Logo height="128" />
-          </Row>
+          <Logo height="128" />
          <Row>
            <h4>{t('home.motto')}</h4>
          </Row>
--- a/styles/scss/config.scss
+++ b/styles/scss/config.scss
@ -24,8 +24,6 @@ $theme-colors: (
  "warning": #ff6e11,
 );

-
-  
 // $grade-colors: (
 // "to-reject": #F2F0FF,
 // "insufficient": #C23D13,