chore: add ibm plex serif font as font-serif

Author: jamiehenson

src/components/Head.tsx

@@ -27,7 +27,7 @@ export const Head = ({
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
     <link
-      href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Manrope:wght@200..800&family=Source+Code+Pro:wght@600&display=swap"
+      href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Manrope:wght@200..800&family=Source+Code+Pro:wght@600&family=IBM+Plex+Serif:ital,wght@1,400;1,700&display=swap"
       rel="stylesheet"
     />
   </Helmet>

tailwind.config.js

@@ -12,6 +12,9 @@ module.exports = extendConfig((ablyUIConfig) => ({
     ...ablyUIConfig.theme,
     extend: {
       ...ablyUIConfig.theme.extend,
+      fontFamily: {
+        serif: ['IBM Plex Serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      },
       gridTemplateColumns: {
         'header-layout': '173px minmax(200px, 400px) 1fr',
       },