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({
src: [
{
path: "./america-regular.woff2",
weight: "400",
style: "normal",
},
{
path: "./america-medium.woff2",
weight: "500",
style: "normal",
},
],
display: "fallback",
variable: "--font-america",
export const inter = Inter({
subsets: ["latin"],
display: "swap",
variable: "--font-inter",
fallback: ["ui-sans-serif", "system-ui"],
preload: true,
});

View File

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