shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: load font properly

Browse Source
This commit is contained in:
Henry
2023-11-28 11:10:17 +00:00
parent 1860db7a9c
commit 1ff7f9b9c0
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/layout.tsx
View File

@@ -9,7 +9,8 @@ import { BoardProvider } from "~/app/providers/board";
const jakarta = Plus_Jakarta_Sans({ const jakarta = Plus_Jakarta_Sans({
subsets: ["latin"], subsets: ["latin"],
variable: "--font-sans", display: "swap",
variable: "--font-plus-jakarta-sans",
}); });
export const metadata = { export const metadata = {
@@ -24,8 +25,8 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}) { }) {
return ( return (
<html lang="en"> <html lang="en" className={`${jakarta.variable}`}>
<body className={`font-sans ${jakarta.className}}`}> <body>
<TRPCReactProvider headers={headers()}> <TRPCReactProvider headers={headers()}>
<ModalProvider> <ModalProvider>
<BoardProvider>{children}</BoardProvider> <BoardProvider>{children}</BoardProvider>

2
tailwind.config.ts
View File

@@ -5,7 +5,7 @@ export default {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
'sans': ['Plus Jakarta Sans'] sans: ['var(--font-plus-jakarta-sans)']
}, },
fontSize: { fontSize: {
sm: "0.8rem", sm: "0.8rem",