diff --git a/packages/components/common/style/_variables.less b/packages/components/common/style/_variables.less
index e8da64b5b..9bdf019f9 100644
--- a/packages/components/common/style/_variables.less
+++ b/packages/components/common/style/_variables.less
@@ -105,26 +105,26 @@
 @font-family-medium: var(--td-font-family-medium, PingFang SC, Microsoft YaHei, Arial Medium); // 字体-磅数-粗体
 
 // 使用以下与Design Token对应的font token开发组件对应字体、行高
-@font-link-small: var(--td-font-link-small);
-@font-link-medium: var(--td-font-link-medium);
-@font-link-large: var(--td-font-link-large);
-@font-mark-extraSmall: var(--td-font-mark-extraSmall);
-@font-mark-small: var(--td-font-mark-small);
-@font-mark-medium: var(--td-font-mark-medium);
-@font-mark-large: var(--td-font-mark-large);
-@font-body-extraSmall: var(--td-font-body-extraSmall);
-@font-body-small: var(--td-font-body-small);
-@font-body-medium: var(--td-font-body-medium);
-@font-body-large: var(--td-font-body-large);
-@font-title-small: var(--td-font-title-small);
-@font-title-medium: var(--td-font-title-medium);
-@font-title-large: var(--td-font-title-large);
-@font-title-extraLarge: var(--td-font-title-extraLarge);
-@font-headline-small: var(--td-font-headline-small);
-@font-headline-medium: var(--td-font-headline-medium);
-@font-headline-large: var(--td-font-headline-large);
-@font-display-medium: var(--td-font-display-medium);
-@font-display-large: var(--td-font-display-large);
+@font-link-small: var(--td-font-link-small, 24rpx / 40rpx @font-family);
+@font-link-medium: var(--td-font-link-medium, 28rpx / 44rpx @font-family);
+@font-link-large: var(--td-font-link-large, 32rpx / 48rpx @font-family);
+@font-mark-extraSmall: var(--td-font-mark-extraSmall, 600 20rpx / 32rpx @font-family);
+@font-mark-small: var(--td-font-mark-small, 600 24rpx / 40rpx @font-family);
+@font-mark-medium: var(--td-font-mark-medium, 600 28rpx / 44rpx @font-family);
+@font-mark-large: var(--td-font-mark-large, 600 32rpx / 48rpx @font-family);
+@font-body-extraSmall: var(--td-font-body-extraSmall, 20rpx / 32rpx @font-family);
+@font-body-small: var(--td-font-body-small, 24rpx / 40rpx @font-family);
+@font-body-medium: var(--td-font-body-medium, 28rpx / 44rpx @font-family);
+@font-body-large: var(--td-font-body-large, 32rpx / 48rpx @font-family);
+@font-title-small: var(--td-font-title-small, 600 28rpx / 44rpx @font-family);
+@font-title-medium: var(--td-font-title-medium, 600 32rpx / 48rpx @font-family);
+@font-title-large: var(--td-font-title-large, 600 36rpx / 52rpx @font-family);
+@font-title-extraLarge: var(--td-font-title-extraLarge, 600 40rpx / 56rpx @font-family);
+@font-headline-small: var(--td-font-headline-small, 600 48rpx / 64rpx @font-family);
+@font-headline-medium: var(--td-font-headline-medium, 600 56rpx / 72rpx @font-family);
+@font-headline-large: var(--td-font-headline-large, 600 72rpx / 88rpx @font-family);
+@font-display-medium: var(--td-font-display-medium, 600 96rpx / 112rpx @font-family);
+@font-display-large: var(--td-font-display-large, 600 128rpx / 144rpx @font-family);
 
 // 圆角
 @radius-small: var(--td-radius-small, 6rpx);