roryhealy
/
roryhealy.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add IBM Plex Sans font

This commit is contained in:
Rory Healy 2023-10-25 19:51:19 +11:00
parent ac86b7fa7a
commit 05ae0f0218
Signed by: roryhealy
GPG Key ID: 0A3CBDE9C2AE672F
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/layout.tsx
View File

@ -1,10 +1,17 @@
import type { Metadata } from 'next';
import localFont from 'next/font/local';
import Header from '@/components/header/header';
import Footer from '@/components/footer/footer';
import Banner from '@/components/banner/banner';
import './globals.css';
const font = localFont({
src: '../public/fonts/IBMPlexSans.ttf',
weight: '500',
variable: '--font-ibm-plex'
});
export const metadata: Metadata = {
title: "Hello, I'm Rory",
description: 'The personal website of Rory Healy.',
@ -17,7 +24,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return (
<html lang='en'>
<body>
<main className='flex flex-col h-screen w-screen bg-custom-grey-1'>
<main className={`flex flex-col h-screen w-screen bg-custom-grey-1 ${font.className}`}>
<Banner />
<Header />
<div className='flex flex-1 h-full w-full items-center justify-center'>{children}</div>

BIN
public/fonts/IBMPlexSans.ttf Normal file
View File

Binary file not shown.

2
tailwind.config.js
View File

@ -18,7 +18,7 @@ module.exports = {
'custom-white-2': '#c2d2d6',
},
fontFamily: {
sans: ['IBM Plex Sans', 'sans']
sans: ['var(--font-ibm-plex)']
},
}
}