diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index a8988a59..3f80e8e6 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -279,6 +279,7 @@
 @info-background-color: @red;
 @info-dot-color: @red;
 @info-dot-size: 8px;
+@info-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
 
 // Loading
 @loading-text-color: @gray-6;
diff --git a/packages/info/index.less b/packages/info/index.less
index 704711fd..efb2e474 100644
--- a/packages/info/index.less
+++ b/packages/info/index.less
@@ -6,6 +6,7 @@
   top: 0;
   right: 0;
   box-sizing: border-box;
+  line-height: 1.2;
   white-space: nowrap;
   text-align: center;
   transform: translate(50%, -50%);
@@ -16,7 +17,7 @@
   .theme(color, '@info-color');
   .theme(font-weight, '@info-font-weight');
   .theme(font-size, '@info-font-size');
-  .theme(line-height, 'calc(@info-size - @info-border-width * 2)');
+  .theme(font-family, '@info-font-family');
   .theme(background-color, '@info-background-color');
   .theme(border, '@info-border-width solid @white');
   .theme(border-radius, '@info-size');