diff --git a/components/style/index.tsx b/components/style/index.tsx
index bcac9ee92a15..743ac86d504e 100644
--- a/components/style/index.tsx
+++ b/components/style/index.tsx
@@ -103,11 +103,15 @@ export const genLinkStyle = (token: DerivativeToken): CSSObject => ({
   },
 });
 
-export const genCommonStyle = (componentPrefixCls: string): CSSObject => {
+export const genCommonStyle = (token: DerivativeToken, componentPrefixCls: string): CSSObject => {
+  const { fontFamily, fontSize } = token;
+
   const rootPrefixSelector = `[class^="${componentPrefixCls}"], [class*=" ${componentPrefixCls}"]`;
 
   return {
     [rootPrefixSelector]: {
+      fontFamily,
+      fontSize,
       boxSizing: 'border-box',
 
       '&::before, &::after': {
diff --git a/components/theme/util/genComponentStyleHook.ts b/components/theme/util/genComponentStyleHook.ts
index 7b5d172fbc47..db2bd218bbd9 100644
--- a/components/theme/util/genComponentStyleHook.ts
+++ b/components/theme/util/genComponentStyleHook.ts
@@ -87,7 +87,7 @@ export default function genComponentStyleHook<ComponentName extends OverrideComp
             overrideComponentToken: token[component],
           });
           flush(component, mergedComponentToken);
-          return [genCommonStyle(prefixCls), styleInterpolation];
+          return [genCommonStyle(token, prefixCls), styleInterpolation];
         },
       ),
       hashId,