fix: install proper fonts

This commit is contained in:
Juan Di Toro 2023-12-05 17:19:31 +01:00
parent c8c77b536e
commit cc090a1f33
4 changed files with 12 additions and 8 deletions

View File

@ -71,6 +71,6 @@
@apply border-border;
}
body {
@apply bg-background text-foreground;
@apply bg-background text-foreground font-main;
}
}

View File

@ -1,11 +1,10 @@
import type { Metadata } from "next"
import Image from "next/image"
import { Inter, Jaldi } from "next/font/google"
import "./globals.css"
import { Jaldi, Be_Vietnam_Pro } from "next/font/google"
import Header from "@/components/LayoutHeader"
import Footer from "@/components/LayoutFooter"
import "./globals.css"
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
const beVietnamPro = Be_Vietnam_Pro({ weight: ["400"], subsets: ["latin"], variable: "--font-be-vietnam-pro" })
const jaldi = Jaldi({
subsets: ["latin"],
weight: ["400"],
@ -24,7 +23,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={`font-main bg-gray-900 flex`}>
<body className={`font-main bg-gray-900 flex ${beVietnamPro.variable} ${jaldi.variable}`}>
<main className="flex w-full min-h-screen flex-col md:px-40 items-center py-16 mx-auto">
<Header />
{children}

View File

@ -39,7 +39,12 @@ export async function fetchFeedData({
}
}
// Mocking the data instead of fetching from the database
// const articles = await prisma.article.findMany({
// ...query,
// skip: current,
// take: next,
// });
const articles: Article[] = [
{
id: 1,

View File

@ -17,7 +17,7 @@ const config: Config = {
},
extend: {
fontFamily: {
main: "var(--font-inter)",
main: "var(--font-be-vietnam-pro)",
secondary: "var(--font-jaldi)",
},
colors: {