diff --git a/src/styles/rainbow-sprinkles.css.ts b/src/styles/rainbow-sprinkles.css.ts
index fdf4ea00..c5919a64 100644
--- a/src/styles/rainbow-sprinkles.css.ts
+++ b/src/styles/rainbow-sprinkles.css.ts
@@ -56,7 +56,7 @@ const responsiveProperties = defineProperties({
     maxWidth: true,
     maxHeight: true,
     borderRadius: themeVars.radii,
-    fontFamily: themeVars.font,
+    fontFamily: true,
     fontSize: themeVars.fontSize,
     lineHeight: themeVars.lineHeight,
     textAlign: true,
@@ -110,6 +110,7 @@ const responsiveProperties = defineProperties({
     minHeight: allSpace,
     maxWidth: allSpace,
     maxHeight: allSpace,
+    fontFamily: themeVars.font,
   },
   shorthands: {
     p: ["padding"],
diff --git a/src/ui/text/text.lite.tsx b/src/ui/text/text.lite.tsx
index 61dcf9f1..ed299b74 100644
--- a/src/ui/text/text.lite.tsx
+++ b/src/ui/text/text.lite.tsx
@@ -26,6 +26,7 @@ export default function Text(props: TextProps) {
       })}
       className={props.className}
       color={props.color}
+      fontFamily={props.fontFamily}
       fontSize={props.fontSize}
       fontWeight={props.fontWeight}
       letterSpacing={props.letterSpacing}
diff --git a/src/ui/text/text.types.tsx b/src/ui/text/text.types.tsx
index 7a6efd9f..665c7237 100644
--- a/src/ui/text/text.types.tsx
+++ b/src/ui/text/text.types.tsx
@@ -16,6 +16,7 @@ export interface TextProps extends BaseComponentProps {
     | "p"
     | "span";
   color?: Sprinkles["color"];
+  fontFamily?: Sprinkles["fontFamily"];
   fontSize?: Sprinkles["fontSize"];
   fontWeight?: Sprinkles["fontWeight"];
   letterSpacing?: Sprinkles["letterSpacing"];