New font Commissioner

README.md

@@ -100,7 +100,9 @@ Watch releases of this repository to be notified about future updates:
 ## Contributors ✨
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-73-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 Please check [contributors guide](https://github.com/podkrepi-bg/frontend/blob/master/CONTRIBUTING.md) for:

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',

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),

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 = {