crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 07:56:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: Add lato font

Browse Source
This commit is contained in:
Sol Irvine 2023-08-19 16:19:42 +09:00
parent 5f52d40bdc
commit bc777f57a6
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/[locale]/layout.tsx
View File

@ -1,4 +1,4 @@
import { Noto_Serif_JP } from 'next/font/google'; import { Lato, Noto_Serif_JP } from 'next/font/google';
import localFont from 'next/font/local'; import localFont from 'next/font/local';
import { ReactNode, Suspense } from 'react'; import { ReactNode, Suspense } from 'react';
@ -55,6 +55,13 @@ const alpina = localFont({
variable: '--font-alpina' variable: '--font-alpina'
}); });
const lato = Lato({
subsets: ['latin'],
display: 'swap',
weight: ['300'],
variable: '--font-lato'
});
const noto = Noto_Serif_JP({ const noto = Noto_Serif_JP({
subsets: ['latin'], subsets: ['latin'],
display: 'swap', display: 'swap',
@ -81,7 +88,10 @@ export default async function RootLayout({
} }
return ( return (
<html lang={params.locale} className={`${cinzel.variable} ${alpina.variable} ${noto.variable}`}> <html
lang={params.locale}
className={`${cinzel.variable} ${alpina.variable} ${noto.variable} ${lato.variable}`}
>
<body className="bg-dark text-white selection:bg-green-800 selection:text-green-400"> <body className="bg-dark text-white selection:bg-green-800 selection:text-green-400">
<NextIntlClientProvider locale={params?.locale} messages={messages}> <NextIntlClientProvider locale={params?.locale} messages={messages}>
<Suspense> <Suspense>

4
tailwind.config.js
View File

@ -1,5 +1,6 @@
const plugin = require('tailwindcss/plugin'); const plugin = require('tailwindcss/plugin');
const colors = require('tailwindcss/colors'); const colors = require('tailwindcss/colors');
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
@ -11,7 +12,8 @@ module.exports = {
dark: '#212720' dark: '#212720'
}, },
fontFamily: { fontFamily: {
serif: ['var(--font-alpina)', 'serif'], sans: ['var(--font-lato)', ...defaultTheme.fontFamily.sans],
serif: ['var(--font-alpina)', ...defaultTheme.fontFamily.serif],
title: ['var(--font-cinzel)', 'serif'], title: ['var(--font-cinzel)', 'serif'],
japan: ['var(--font-noto)', 'serif'] japan: ['var(--font-noto)', 'serif']
}, },