diff --git a/src/app/(homepage)/_components/About.tsx b/src/app/(homepage)/_components/About.tsx
index 69d1724..9df2e30 100644
--- a/src/app/(homepage)/_components/About.tsx
+++ b/src/app/(homepage)/_components/About.tsx
@@ -1,5 +1,5 @@
export const About = () => (
- QUEM SOMOS?
+ QUEM SOMOS?
);
diff --git a/src/app/(homepage)/_components/Contact.tsx b/src/app/(homepage)/_components/Contact.tsx
index b7e384b..45d1f2e 100644
--- a/src/app/(homepage)/_components/Contact.tsx
+++ b/src/app/(homepage)/_components/Contact.tsx
@@ -1,5 +1,5 @@
export const Contact = () => (
- CONTATE-NOS
+ CONTATE-NOS
);
diff --git a/src/app/(homepage)/_components/Portfolio.tsx b/src/app/(homepage)/_components/Portfolio.tsx
index a46f838..6f08716 100644
--- a/src/app/(homepage)/_components/Portfolio.tsx
+++ b/src/app/(homepage)/_components/Portfolio.tsx
@@ -1,5 +1,5 @@
export const Portfolio = () => (
);
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c2fe641..9271034 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,10 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
import "@/styles/globals.css";
+import type { Metadata } from "next";
import { Footer } from "@/components/layout/Footer";
import favicon from "public/favicon.ico";
import faviconDark from "public/favicon-dark.ico";
-
-const inter = Inter({ subsets: ["latin"] });
+import { kanit, prime } from "@/styles/fonts";
export const metadata: Metadata = {
title: "Inove Jr",
@@ -34,7 +32,7 @@ export default function RootLayout({
}>) {
return (
-
+
{children}
diff --git a/src/styles/fonts/Prime-Light.ttf b/src/styles/fonts/Prime-Light.ttf
new file mode 100644
index 0000000..aa7888b
Binary files /dev/null and b/src/styles/fonts/Prime-Light.ttf differ
diff --git a/src/styles/fonts/Prime-Regular.ttf b/src/styles/fonts/Prime-Regular.ttf
new file mode 100644
index 0000000..a763cfc
Binary files /dev/null and b/src/styles/fonts/Prime-Regular.ttf differ
diff --git a/src/styles/fonts/index.ts b/src/styles/fonts/index.ts
new file mode 100644
index 0000000..4b063e1
--- /dev/null
+++ b/src/styles/fonts/index.ts
@@ -0,0 +1,26 @@
+import { Kanit } from "next/font/google";
+import localFont from "next/font/local";
+
+export const kanit = Kanit({
+ weight: ["200", "400", "500", "700", "800"],
+ style: ["normal", "italic"],
+ subsets: ["latin"],
+ display: "swap",
+ variable: "--font-kanit",
+});
+
+export const prime = localFont({
+ src: [
+ {
+ path: "./Prime-Regular.ttf",
+ weight: "400",
+ style: "normal",
+ },
+ {
+ path: "./Prime-Light.ttf",
+ weight: "200",
+ style: "normal",
+ },
+ ],
+ variable: "--font-prime",
+});
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 48c4c56..09c7b18 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -40,13 +40,21 @@
* {
@apply border-border;
}
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ @apply font-primary;
+ }
body {
- @apply bg-background text-foreground;
+ @apply bg-background font-secondary text-foreground;
}
}
@layer utilities {
.decorated-border::before {
- @apply -mt-[0.1em] mr-[0.2em] inline-block h-[1em] w-[0.25em] rounded-[1em] bg-i9-orange align-middle content-[""];
+ @apply -mt-[0.2em] mr-[0.2em] inline-block h-[1em] w-[0.25em] rounded-[1em] bg-i9-orange align-middle content-[""];
}
}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index caabf7b..f9f280e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -18,6 +18,10 @@ const config = {
},
},
extend: {
+ fontFamily: {
+ primary: ["var(--font-prime)"],
+ secondary: ["var(--font-kanit)"],
+ },
colors: {
border: "var(--border)",
input: "var(--input)",