diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less
index 5914d8248..3ff4bcdcb 100644
--- a/components/date-picker/style/Calendar.less
+++ b/components/date-picker/style/Calendar.less
@@ -262,6 +262,9 @@
   .@{calendar-prefix-cls}-clear-btn:after {
     content: "\e631";
     font-family: "anticon";
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
     font-size: 12px;
     color: #ccc;
     display: inline-block;
diff --git a/components/form/style/index.less b/components/form/style/index.less
index 9596fa2ad..4eb8c636b 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -276,6 +276,9 @@ form {
     text-align: center;
     font-size: 14px;
     animation: zoomIn .3s @ease-out-back;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 }
 
diff --git a/components/select/style/index.less b/components/select/style/index.less
index ba7ed1e0f..3241a6e6f 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -29,6 +29,9 @@
     display: block;
     font-family: "anticon" !important;
     content: "\E631";
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
   &:hover {
     color: #999;
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
index ded3ca7b2..b1b2ea972 100644
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@@ -69,6 +69,9 @@
     line-height: 1;
     width: 20px;
     transition: color 0.3s ease;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 
   &-clear-btn:hover:after {