From 5efd54449d50166d8212456f3128bbe6129d5d12 Mon Sep 17 00:00:00 2001
From: Kevin Tun <kevin.tun@northwestern.edu>
Date: Thu, 28 Nov 2024 03:04:04 -0600
Subject: [PATCH] feat(dicty-frontpage): add fontsource-variable/inter-tight
 and fontsource-variable/playfair-display packages

The commit adds the fontsource-variable/inter-tight and fontsource-variable/playfair-display packages to the project's dependencies. These packages provide additional font options for styling the application, enhancing the visual appeal and design flexibility.
---
 apps/dicty-frontpage/package.json                          | 2 ++
 apps/dicty-frontpage/src/app/layout/App.tsx                | 2 ++
 .../src/features/Publication/SinglePublication.tsx         | 7 +++----
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/dicty-frontpage/package.json b/apps/dicty-frontpage/package.json
index b01079dcf..7016e6bf7 100644
--- a/apps/dicty-frontpage/package.json
+++ b/apps/dicty-frontpage/package.json
@@ -24,6 +24,8 @@
     "@dictybase/editor": "*",
     "@dictybase/google-analytics": "*",
     "@dictybase/ui-frontpage": "*",
+    "@fontsource-variable/inter-tight": "^5.1.0",
+    "@fontsource-variable/playfair-display": "^5.1.0",
     "@fortawesome/fontawesome-svg-core": "^6.6.0",
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
diff --git a/apps/dicty-frontpage/src/app/layout/App.tsx b/apps/dicty-frontpage/src/app/layout/App.tsx
index f9923b4d3..4fedf9f86 100644
--- a/apps/dicty-frontpage/src/app/layout/App.tsx
+++ b/apps/dicty-frontpage/src/app/layout/App.tsx
@@ -2,6 +2,8 @@ import { LogtoProvider, LogtoConfig, UserScope } from "@logto/react"
 import { CssBaseline } from "@material-ui/core"
 import { AppProviders } from "./AppProviders"
 import { FrontPageApp } from "./FrontPageApp"
+import "@fontsource-variable/playfair-display"
+import "@fontsource-variable/inter-tight"
 
 const logtoConfig: LogtoConfig = {
   endpoint: import.meta.env.VITE_LOGTO_ENDPOINT,
diff --git a/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx b/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
index 044cf79ec..a2414b4e6 100644
--- a/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
+++ b/apps/dicty-frontpage/src/features/Publication/SinglePublication.tsx
@@ -43,7 +43,7 @@ const useStyles = makeStyles((theme) => ({
   title: {
     fontWeight: 600,
     fontSize: "24px",
-    fontFamily: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
+    fontFamily: "'Playfair Display Variable', serif",
   },
   publication: {
     color: grey[700],
@@ -64,12 +64,11 @@ const useStyles = makeStyles((theme) => ({
   abstractHeading: {
     fontWeight: 600,
     fontSize: "20px",
-    fontFamily: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
+    fontFamily: "'Playfair Display Variable', serif",
   },
   abstract: {
     fontSize: "16px",
-    fontFamily:
-      "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    fontFamily: "'Inter Tight Variable', sans-serif",
     marginBottom: theme.spacing(2),
     color: blueGrey[900],
   },