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