feat(fontes): substituir fonte local America por Inter (Google Fonts)

Next.js self-hosta a Inter em build time — elimina os arquivos .woff2
do repositório e a dependência de localFont.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-11 17:50:50 +00:00
parent aa85cf8b29
commit ffead579fa
5 changed files with 11 additions and 20 deletions

Binary file not shown.

Binary file not shown.

View File

@@ -1,18 +1,9 @@
import localFont from "next/font/local"; import { Inter } from "next/font/google";
export const america = localFont({ export const inter = Inter({
src: [ subsets: ["latin"],
{ display: "swap",
path: "./america-regular.woff2", variable: "--font-inter",
weight: "400", fallback: ["ui-sans-serif", "system-ui"],
style: "normal", preload: true,
},
{
path: "./america-medium.woff2",
weight: "500",
style: "normal",
},
],
display: "fallback",
variable: "--font-america",
}); });

View File

@@ -177,7 +177,7 @@
} }
@theme inline { @theme inline {
--default-font-family: var(--font-america); --default-font-family: var(--font-inter);
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--color-card: var(--card); --color-card: var(--card);

View File

@@ -4,7 +4,7 @@ import { QueryProvider } from "@/shared/components/providers/query-provider";
import { ThemeProvider } from "@/shared/components/providers/theme-provider"; import { ThemeProvider } from "@/shared/components/providers/theme-provider";
import { Toaster } from "@/shared/components/ui/sonner"; import { Toaster } from "@/shared/components/ui/sonner";
import "./globals.css"; import "./globals.css";
import { america } from "@/public/fonts/font_index"; import { inter } from "@/public/fonts/font_index";
export const metadata: Metadata = { export const metadata: Metadata = {
title: { title: {
@@ -24,7 +24,7 @@ export default function RootLayout({
<html <html
data-scroll-behavior="smooth" data-scroll-behavior="smooth"
lang="pt-BR" lang="pt-BR"
className={`${america.variable} ${america.className} `} className={`${inter.variable}`}
suppressHydrationWarning suppressHydrationWarning
> >
<head> <head>
@@ -36,7 +36,7 @@ export default function RootLayout({
data-domains="openmonetis.com" data-domains="openmonetis.com"
/> />
</head> </head>
<body className="antialiased" suppressHydrationWarning> <body className="subpixel-antialiased" suppressHydrationWarning>
<ThemeProvider attribute="class" defaultTheme="light"> <ThemeProvider attribute="class" defaultTheme="light">
<QueryProvider> <QueryProvider>
<Suspense>{children}</Suspense> <Suspense>{children}</Suspense>