New font Commissioner (podkrepi-bg#1620)

Co-authored-by: igoychev <[email protected]>
tongo-angelov · Nov 14, 2023 · 8ef839e · 8ef839e
1 parent 3625d31
commit 8ef839e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git 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
@@ -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
@@ -146,6 +146,10 @@ const StyledTimeline = styled(Timeline)(({ theme }) => ({
     fontStyle: 'normal',
     padding: 0,
   },
+
+  ['& .ql-container']: {
+    fontFamily: theme.typography.fontFamily,
+  },
 }))
 
 type Props = {