Change Title to use body font

This commit is contained in:
Austin Chen 2021-12-20 22:29:01 -08:00
parent 998b01cde7
commit 3841e2a98f
3 changed files with 2 additions and 6 deletions

View File

@ -17,7 +17,6 @@ export function ManticLogo(props: { darkBackground?: boolean }) {
'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap', 'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
darkBackground && 'text-white' darkBackground && 'text-white'
)} )}
style={{ fontFamily: 'Major Mono Display,monospace' }}
> >
Mantic Markets Mantic Markets
</div> </div>

View File

@ -4,10 +4,7 @@ export function Title(props: { text: string; className?: string }) {
const { text, className } = props const { text, className } = props
return ( return (
<h1 <h1
className={clsx( className={clsx('text-3xl text-indigo-700 inline-block my-6', className)}
'text-3xl font-major-mono text-indigo-700 inline-block my-6',
className
)}
> >
{text} {text}
</h1> </h1>

View File

@ -8,7 +8,7 @@ module.exports = {
fontFamily: Object.assign( fontFamily: Object.assign(
{ ...defaultTheme.fontFamily }, { ...defaultTheme.fontFamily },
{ {
'major-mono': ['Courier', 'monospace'], 'major-mono': ['Major Mono Display', 'monospace'],
'readex-pro': ['Readex Pro', 'sans-serif'], 'readex-pro': ['Readex Pro', 'sans-serif'],
} }
), ),