feat(minor): add support for custom font family via UserTheme

Author: gmsgowtham

src/theme/styles.ts

@@ -3,14 +3,16 @@ import spacing from "./spacing";
 import colors, { type ColorsPropType } from "./colors";
 import type { MarkedStyles, UserTheme } from "./types";
 
-const getFontStyles = (mdColors: ColorsPropType) => {
+const getFontStyles = (mdColors: ColorsPropType, fontFamily?: string) => {
 	return StyleSheet.create({
 		regular: {
+			fontFamily: fontFamily,
 			fontSize: 16,
 			lineHeight: 24,
 			color: mdColors.text,
 		},
 		heading: {
+			fontFamily: fontFamily,
 			fontWeight: "500",
 			color: mdColors.text,
 		},
@@ -25,7 +27,7 @@ const getStyles = (
 	const mdColors = { ...colors[colorScheme || "light"], ...userTheme?.colors };
 	const mdSpacing = { ...spacing, ...userTheme?.spacing };
 
-	const fontStyle = getFontStyles(mdColors);
+	const fontStyle = getFontStyles(mdColors, userTheme?.fontFamily);
 	const defaultStyles = StyleSheet.create<MarkedStyles>({
 		em: {
 			...fontStyle.regular,
@@ -59,6 +61,7 @@ const getStyles = (
 			opacity: 0.8,
 		},
 		h1: {
+			fontFamily: userTheme?.fontFamily,
 			fontSize: 32,
 			lineHeight: 40,
 			fontWeight: "bold",

src/theme/types.ts

@@ -30,4 +30,5 @@ export interface MarkedStyles {
 export interface UserTheme {
 	colors?: Record<ColorKeysType, string>;
 	spacing?: Record<SpacingKeysType, number>;
+	fontFamily?: string | undefined;
 }