From 961cd6675411d995406e373d98690a6ef950f6e9 Mon Sep 17 00:00:00 2001 From: Jakub Knetl Date: Wed, 27 Dec 2023 13:04:51 +0100 Subject: [PATCH] Chapter 3 - add fonts --- app/layout.tsx | 3 ++- app/page.tsx | 5 +++-- app/ui/fonts.ts | 5 +++++ 3 files changed, 10 insertions(+), 3 deletions(-) create mode 100644 app/ui/fonts.ts diff --git a/app/layout.tsx b/app/layout.tsx index c1b7464..ae363a1 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,4 +1,5 @@ import '@/app/ui/global.css'; +import { inter } from '@/app/ui/fonts'; export default function RootLayout({ children, @@ -7,7 +8,7 @@ export default function RootLayout({ }) { return ( - {children} + {children} ); } diff --git a/app/page.tsx b/app/page.tsx index 8239440..48aaecc 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,18 +2,19 @@ import styles from '@/app/ui/home.module.css'; import AcmeLogo from '@/app/ui/acme-logo'; import { ArrowRightIcon } from '@heroicons/react/24/outline'; import Link from 'next/link'; +import {lusitana} from "@/app/ui/fonts"; export default function Page() { return (
- {/* */} +
-

+

Welcome to Acme. This is the example for the{' '} Next.js Learn Course diff --git a/app/ui/fonts.ts b/app/ui/fonts.ts new file mode 100644 index 0000000..ba99c98 --- /dev/null +++ b/app/ui/fonts.ts @@ -0,0 +1,5 @@ +import { Inter, Lusitana } from 'next/font/google'; + +export const inter = Inter({ subsets: ['latin'] }); + +export const lusitana = Lusitana({weight: "400", subsets: ['latin']}); \ No newline at end of file