Skip to content

Commit 325b490

Browse files
0xdevcollins0xdevcollins
committed
fix: fixed the font
1 parent ddee823 commit 325b490

2 files changed

Lines changed: 9 additions & 279 deletions

File tree

‎app/globals.css‎

Lines changed: 5 additions & 268 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@
33
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
44
@custom-variant dark (&:is(.dark *));
55

6+
@theme {
7+
--font-inter: 'Inter', sans-serif;
8+
}
69
/* Custom scrollbar styles for comment modal */
710
.custom-scrollbar {
811
scrollbar-width: thin;
@@ -35,8 +38,8 @@
3538
--color-stepper-border-active: var(--stepper-border-active);
3639
--color-stepper-border: var(--stepper-border);
3740
--color-placeholder: var(--placeholder);
38-
--font-sans: var(--font-geist-sans);
39-
--font-mono: var(--font-geist-mono);
41+
--font-sans: var(--font-inter);
42+
--font-mono: var(--font-inter);
4043
--color-sidebar-ring: var(--sidebar-ring);
4144
--color-sidebar-border: var(--sidebar-border);
4245
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -444,269 +447,3 @@ input[type='number'] {
444447
background-image: url('/landing/about/Abstract_03md.png');
445448
}
446449
}
447-
448-
/* Custom 4K breakpoint media queries */
449-
@media (min-width: 2560px) {
450-
.4xl\:text-7xl {
451-
font-size: 5rem;
452-
line-height: 1;
453-
}
454-
.4xl\:text-2xl {
455-
font-size: 1.5rem;
456-
line-height: 2rem;
457-
}
458-
.4xl\:px-16 {
459-
padding-left: 4rem;
460-
padding-right: 4rem;
461-
}
462-
.4xl\:px-32 {
463-
padding-left: 8rem;
464-
padding-right: 8rem;
465-
}
466-
.4xl\:py-8 {
467-
padding-top: 2rem;
468-
padding-bottom: 2rem;
469-
}
470-
.4xl\:py-6 {
471-
padding-top: 1.5rem;
472-
padding-bottom: 1.5rem;
473-
}
474-
.4xl\:py-5 {
475-
padding-top: 1.25rem;
476-
padding-bottom: 1.25rem;
477-
}
478-
.4xl\:py-4 {
479-
padding-top: 1rem;
480-
padding-bottom: 1rem;
481-
}
482-
.4xl\:px-10 {
483-
padding-left: 2.5rem;
484-
padding-right: 2.5rem;
485-
}
486-
.4xl\:px-12 {
487-
padding-left: 3rem;
488-
padding-right: 3rem;
489-
}
490-
.4xl\:px-16 {
491-
padding-left: 4rem;
492-
padding-right: 4rem;
493-
}
494-
.4xl\:px-5 {
495-
padding-left: 1.25rem;
496-
padding-right: 1.25rem;
497-
}
498-
.4xl\:px-6 {
499-
padding-left: 1.5rem;
500-
padding-right: 1.5rem;
501-
}
502-
.4xl\:gap-10 {
503-
gap: 2.5rem;
504-
}
505-
.4xl\:gap-8 {
506-
gap: 2rem;
507-
}
508-
.4xl\:gap-6 {
509-
gap: 1.5rem;
510-
}
511-
.4xl\:gap-4 {
512-
gap: 1rem;
513-
}
514-
.4xl\:gap-3 {
515-
gap: 0.75rem;
516-
}
517-
.4xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
518-
margin-left: 0.75rem;
519-
}
520-
.4xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
521-
margin-top: 0.75rem;
522-
}
523-
.4xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
524-
margin-top: 0.5rem;
525-
}
526-
.4xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
527-
margin-top: 0.25rem;
528-
}
529-
.4xl\:w-8 {
530-
width: 2rem;
531-
}
532-
.4xl\:h-8 {
533-
height: 2rem;
534-
}
535-
.4xl\:w-7 {
536-
width: 1.75rem;
537-
}
538-
.4xl\:h-7 {
539-
height: 1.75rem;
540-
}
541-
.4xl\:w-6 {
542-
width: 1.5rem;
543-
}
544-
.4xl\:h-6 {
545-
height: 1.5rem;
546-
}
547-
.4xl\:w-5 {
548-
width: 1.25rem;
549-
}
550-
.4xl\:h-5 {
551-
height: 1.25rem;
552-
}
553-
.4xl\:w-4 {
554-
width: 1rem;
555-
}
556-
.4xl\:h-4 {
557-
height: 1rem;
558-
}
559-
.4xl\:w-3 {
560-
width: 0.75rem;
561-
}
562-
.4xl\:h-3 {
563-
height: 0.75rem;
564-
}
565-
.4xl\:w-2 {
566-
width: 0.5rem;
567-
}
568-
.4xl\:h-2 {
569-
height: 0.5rem;
570-
}
571-
.4xl\:w-1 {
572-
width: 0.25rem;
573-
}
574-
.4xl\:h-1 {
575-
height: 0.25rem;
576-
}
577-
.4xl\:max-w-7xl {
578-
max-width: 80rem;
579-
}
580-
.4xl\:max-w-6xl {
581-
max-width: 72rem;
582-
}
583-
.4xl\:max-w-5xl {
584-
max-width: 64rem;
585-
}
586-
.4xl\:max-w-4xl {
587-
max-width: 56rem;
588-
}
589-
.4xl\:max-w-3xl {
590-
max-width: 48rem;
591-
}
592-
.4xl\:max-w-2xl {
593-
max-width: 42rem;
594-
}
595-
.4xl\:max-w-xl {
596-
max-width: 36rem;
597-
}
598-
.4xl\:max-w-lg {
599-
max-width: 32rem;
600-
}
601-
.4xl\:max-w-md {
602-
max-width: 28rem;
603-
}
604-
.4xl\:max-w-sm {
605-
max-width: 24rem;
606-
}
607-
.4xl\:max-w-xs {
608-
max-width: 20rem;
609-
}
610-
.4xl\:max-w-\[600px\] {
611-
max-width: 600px;
612-
}
613-
.4xl\:max-w-\[500px\] {
614-
max-width: 500px;
615-
}
616-
.4xl\:max-w-\[400px\] {
617-
max-width: 400px;
618-
}
619-
.4xl\:max-w-\[300px\] {
620-
max-width: 300px;
621-
}
622-
.4xl\:max-w-\[280px\] {
623-
max-width: 280px;
624-
}
625-
.4xl\:max-w-\[320px\] {
626-
max-width: 320px;
627-
}
628-
.4xl\:grid-cols-5 {
629-
grid-template-columns: repeat(5, minmax(0, 1fr));
630-
}
631-
.4xl\:grid-cols-4 {
632-
grid-template-columns: repeat(4, minmax(0, 1fr));
633-
}
634-
.4xl\:grid-cols-3 {
635-
grid-template-columns: repeat(3, minmax(0, 1fr));
636-
}
637-
.4xl\:grid-cols-2 {
638-
grid-template-columns: repeat(2, minmax(0, 1fr));
639-
}
640-
.4xl\:grid-cols-1 {
641-
grid-template-columns: repeat(1, minmax(0, 1fr));
642-
}
643-
.4xl\:col-span-5 {
644-
grid-column: span 5 / span 5;
645-
}
646-
.4xl\:col-span-4 {
647-
grid-column: span 4 / span 4;
648-
}
649-
.4xl\:col-span-3 {
650-
grid-column: span 3 / span 3;
651-
}
652-
.4xl\:col-span-2 {
653-
grid-column: span 2 / span 2;
654-
}
655-
.4xl\:col-span-1 {
656-
grid-column: span 1 / span 1;
657-
}
658-
.4xl\:h-\[900px\] {
659-
height: 900px;
660-
}
661-
.4xl\:h-\[800px\] {
662-
height: 800px;
663-
}
664-
.4xl\:h-\[700px\] {
665-
height: 700px;
666-
}
667-
.4xl\:h-\[600px\] {
668-
height: 600px;
669-
}
670-
.4xl\:h-\[500px\] {
671-
height: 500px;
672-
}
673-
.4xl\:h-\[400px\] {
674-
height: 400px;
675-
}
676-
.4xl\:rounded-2xl {
677-
border-radius: 1rem;
678-
}
679-
.4xl\:rounded-xl {
680-
border-radius: 0.75rem;
681-
}
682-
.4xl\:rounded-lg {
683-
border-radius: 0.5rem;
684-
}
685-
.4xl\:rounded-md {
686-
border-radius: 0.375rem;
687-
}
688-
.4xl\:rounded-sm {
689-
border-radius: 0.125rem;
690-
}
691-
.4xl\:rounded {
692-
border-radius: 0.25rem;
693-
}
694-
.4xl\:tracking-\[0\.84px\] {
695-
letter-spacing: 0.84px;
696-
}
697-
.4xl\:tracking-\[0\.72px\] {
698-
letter-spacing: 0.72px;
699-
}
700-
.4xl\:tracking-\[0\.6px\] {
701-
letter-spacing: 0.6px;
702-
}
703-
.4xl\:tracking-\[0\.48px\] {
704-
letter-spacing: 0.48px;
705-
}
706-
.4xl\:tracking-\[0\.36px\] {
707-
letter-spacing: 0.36px;
708-
}
709-
.4xl\:tracking-\[0\.24px\] {
710-
letter-spacing: 0.24px;
711-
}
712-
}

‎app/layout.tsx‎

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import type { Metadata } from 'next';
2-
import { Geist, Geist_Mono } from 'next/font/google';
2+
import { Inter } from 'next/font/google';
33
import './globals.css';
44
import { Toaster } from 'sonner';
55
import { Providers } from './providers';
@@ -8,13 +8,8 @@ import {
88
generateWebsiteStructuredData,
99
} from '@/lib/structured-data';
1010

11-
const geistSans = Geist({
12-
variable: '--font-geist-sans',
13-
subsets: ['latin'],
14-
});
15-
16-
const geistMono = Geist_Mono({
17-
variable: '--font-geist-mono',
11+
const inter = Inter({
12+
variable: '--font-inter',
1813
subsets: ['latin'],
1914
});
2015

@@ -88,9 +83,7 @@ export default function RootLayout({
8883
}}
8984
/>
9085
</head>
91-
<body
92-
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
93-
>
86+
<body className={`${inter.variable} font-inter antialiased`}>
9487
<Providers>
9588
{children}
9689
<Toaster />

0 commit comments

Comments
 (0)