diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index 3b7805b..58ff366 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -2,62 +2,7 @@ @tailwind components; @tailwind utilities; -/* Amazon Ember Font Faces */ -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_Lt.ttf") format("truetype"); - font-weight: 300; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_Rg.ttf") format("truetype"); - font-weight: 400; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_RgIt.ttf") format("truetype"); - font-weight: 400; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/Amazon-Ember-Medium.ttf") format("truetype"); - font-weight: 500; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_Bd.ttf") format("truetype"); - font-weight: 700; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_BdIt.ttf") format("truetype"); - font-weight: 700; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: "Amazon Ember"; - src: url("/fonts/AmazonEmber_He.ttf") format("truetype"); - font-weight: 900; - font-style: normal; - font-display: swap; -} +/* Amazon Ember fonts loaded via next/font/local in layout.tsx */ @layer base { :root { diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 7f3fdea..6bc5002 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -1,6 +1,21 @@ import type { Metadata } from "next"; +import localFont from "next/font/local"; import "./globals.css"; +const amazonEmber = localFont({ + src: [ + { path: "../../public/fonts/AmazonEmber_Lt.ttf", weight: "300", style: "normal" }, + { path: "../../public/fonts/AmazonEmber_Rg.ttf", weight: "400", style: "normal" }, + { path: "../../public/fonts/AmazonEmber_RgIt.ttf", weight: "400", style: "italic" }, + { path: "../../public/fonts/Amazon-Ember-Medium.ttf", weight: "500", style: "normal" }, + { path: "../../public/fonts/AmazonEmber_Bd.ttf", weight: "700", style: "normal" }, + { path: "../../public/fonts/AmazonEmber_BdIt.ttf", weight: "700", style: "italic" }, + { path: "../../public/fonts/AmazonEmber_He.ttf", weight: "900", style: "normal" }, + ], + variable: "--font-amazon-ember", + display: "swap", +}); + export const metadata: Metadata = { title: "Amazon Transcreation Platform", description: "AI-powered transcreation and localization platform", @@ -12,7 +27,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + {children} ); diff --git a/frontend/src/app/login/page.tsx b/frontend/src/app/login/page.tsx index 0603539..1aba9f7 100644 --- a/frontend/src/app/login/page.tsx +++ b/frontend/src/app/login/page.tsx @@ -47,7 +47,7 @@ export default function LoginPage() { {/* Logo */}
Amazon