diff --git a/app/layout.tsx b/app/layout.tsx index e5383aff..d05fd537 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,10 +3,11 @@ import BackToTop from "@components/elements/back-to-top"; import PageFooter from "@components/global/page-footer"; import PageHeader from "@components/global/page-header"; import {Icon} from "next/dist/lib/metadata/types/metadata-types"; -import {sourceSans3} from "../src/styles/fonts"; +import { roboto, sourceSans3} from "../src/styles/fonts"; import DrupalWindowSync from "@components/elements/drupal-window-sync"; import {isPreviewMode} from "@lib/drupal/utils"; import UserAnalytics from "@components/elements/user-analytics"; +import clsx from "clsx"; const appleIcons: Icon[] = [60, 72, 76, 114, 120, 144, 152, 180].map(size => ({ url: `https://www-media.stanford.edu/assets/favicon/apple-touch-icon-${size}x${size}.png`, @@ -45,7 +46,7 @@ export const revalidate = false; const RootLayout = ({children, modal}: { children: React.ReactNode, modal: React.ReactNode }) => { const isPreview = isPreviewMode(); return ( - + {/* Add Google Analytics and SiteImprove when not in preview mode. */} {!isPreview && diff --git a/src/styles/fonts.tsx b/src/styles/fonts.tsx index 64f2af9a..c3772587 100644 --- a/src/styles/fonts.tsx +++ b/src/styles/fonts.tsx @@ -10,5 +10,5 @@ export const roboto = Roboto({ subsets: ["latin"], display: "swap", variable: "--font-roboto", - weight: "100", + weight: "400" }); diff --git a/tailwind.config.js b/tailwind.config.js index 9f7692c0..dc643f78 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -43,7 +43,10 @@ module.exports = { }, scale: { '-100': '-1' - } + }, + fontFamily: { + roboto: ['var(--font-roboto)', 'sans-serif'], + }, }, }, plugins: [