added font changes

algasami · algasami · commit bcc7c71e2b3b · 2024-06-29T13:59:26.000+08:00
diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import type { Metadata } from "next";
-import { victor_mono, roboto } from "../fonts";
+import { ubuntu_mono, roboto } from "../fonts";
 import { Locale } from "i18n-config";
 import Footer from "app/components/footer";
 import { getDictionary } from "get-dictionary";
@@ -50,7 +50,7 @@ export default function RootLayout({
   return (
     <html lang={params.lang} className="dark">
       <body
-        className={`overflow-x-hidden ${victor_mono.variable} ${roboto.variable} font-sans min-h-screen`}
+        className={`overflow-x-hidden ${ubuntu_mono.variable} ${roboto.variable} font-sans min-h-screen`}
       >
         <Navbar lang={params.lang} navbardict={dict["navbar"]} />
         <div
diff --git a/app/components/postBody/postBody.tsx b/app/components/postBody/postBody.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import styles from "./PostBody.module.scss";
-import { victor_mono, roboto_serif } from "app/fonts";
+import { ubuntu_mono, roboto_serif } from "app/fonts";
 type Props = {
   children: React.ReactNode;
 };
@@ -9,7 +9,7 @@ export default function PostBody({ children }: Props) {
   return (
     <div
       className={clsx(
-        `prose lg:prose-lg max-w-none lg:max-w-[90vw] transition-colors dark:prose-invert prose-neutral ${roboto_serif.variable} ${victor_mono.variable} font-serif`,
+        `prose lg:prose-lg max-w-none lg:max-w-[90vw] transition-colors dark:prose-invert prose-neutral ${roboto_serif.variable} ${ubuntu_mono.variable} font-serif`,
         styles.postBody
       )}
     >
diff --git a/app/fonts.ts b/app/fonts.ts
@@ -1,4 +1,4 @@
-import { Roboto, Dosis, Roboto_Serif, Victor_Mono } from "next/font/google";
+import { Roboto, Dosis, Roboto_Serif, Ubuntu_Mono } from "next/font/google";
 
 export const dosis = Dosis({
   subsets: ["latin"],
@@ -16,7 +16,8 @@ export const roboto_serif = Roboto_Serif({
   variable: "--font-roboto-serif",
 });
 
-export const victor_mono = Victor_Mono({
+export const ubuntu_mono = Ubuntu_Mono({
   subsets: ["latin"],
-  variable: "--font-victor-mono",
+  weight: "400",
+  variable: "--font-ubuntu-mono",
 });
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
       fontFamily: {
         sans: ["var(--font-roboto)"],
         serif: ["var(--font-roboto-serif)"],
-        mono: ["var(--font-victor-mono)"],
+        mono: ["var(--font-ubuntu-mono)"],
       },
     },
   },
