diff --git a/src/common/theme.ts b/src/common/theme.ts index 32224e5f6..8dc4191cd 100644 --- a/src/common/theme.ts +++ b/src/common/theme.ts @@ -7,8 +7,13 @@ import { ThemeOptions, } from '@mui/material/styles' +import { Commissioner } from 'next/font/google' import { Montserrat } from 'next/font/google' +export const commissioner = Commissioner({ + subsets: ['latin', 'cyrillic'], +}) + export const montserrat = Montserrat({ display: 'auto', subsets: ['latin', 'cyrillic'], @@ -182,8 +187,16 @@ export const themeOptions: ThemeOptions = { }, typography: { - fontFamily: montserrat.style.fontFamily, - h3: { color: colors.blue.dark }, + fontFamily: commissioner.style.fontFamily, + + h1: { fontFamily: montserrat.style.fontFamily }, + h2: { fontFamily: montserrat.style.fontFamily }, + h3: { + color: colors.blue.dark, + fontFamily: montserrat.style.fontFamily, + }, + h4: { fontFamily: montserrat.style.fontFamily }, + h5: { fontFamily: montserrat.style.fontFamily }, body1: { fontSize: '0.875rem', diff --git a/src/components/client/campaigns/CampaignDetails.tsx b/src/components/client/campaigns/CampaignDetails.tsx index f75c47610..1438e29f7 100644 --- a/src/components/client/campaigns/CampaignDetails.tsx +++ b/src/components/client/campaigns/CampaignDetails.tsx @@ -71,6 +71,9 @@ const StyledGrid = styled(Grid)(({ theme }) => ({ paddingLeft: '0', paddingRight: '0', }, + ['& .ql-container']: { + fontFamily: theme.typography.fontFamily, + }, [`& .${classes.linkButton}`]: { fontSize: theme.typography.pxToRem(10), diff --git a/src/components/client/campaigns/CampaignNewsSection.tsx b/src/components/client/campaigns/CampaignNewsSection.tsx index ee879f885..74c02fef6 100644 --- a/src/components/client/campaigns/CampaignNewsSection.tsx +++ b/src/components/client/campaigns/CampaignNewsSection.tsx @@ -146,6 +146,10 @@ const StyledTimeline = styled(Timeline)(({ theme }) => ({ fontStyle: 'normal', padding: 0, }, + + ['& .ql-container']: { + fontFamily: theme.typography.fontFamily, + }, })) type Props = {