diff --git a/src/less/font.less b/src/less/font.less
index b48119e..b824a13 100644
--- a/src/less/font.less
+++ b/src/less/font.less
@@ -9,4 +9,6 @@
 .font(dcm-cross-font, @font-cross);
 .font(dcm-link-other-font, @font-link-other);
 .font(dcm-change-name-font, @font-change-name);
-.font(dcm-link-edit-font, @font-link-edit);
\ No newline at end of file
+.font(dcm-link-edit-font, @font-link-edit);
+.font(dcm-triangle-collapse-font, @font-triangle-collapse);
+.font(dcm-triangle-expand-font, @font-triangle-expand);
\ No newline at end of file
diff --git a/src/less/lib/font.less b/src/less/lib/font.less
index f053c74..3e580b8 100644
--- a/src/less/lib/font.less
+++ b/src/less/lib/font.less
@@ -6,4 +6,6 @@
 @font-link-delete: "e6c4";
 @font-link-other: "e796";
 @font-change-name: "e6cc";
-@font-link-edit: "e6ba";
\ No newline at end of file
+@font-link-edit: "e6ba";
+@font-triangle-collapse: "e6d8";
+@font-triangle-expand: "e6d7";
\ No newline at end of file
diff --git a/src/modules/components/collapse/collapse.ts b/src/modules/components/collapse/collapse.ts
index 64611ab..a313d10 100644
--- a/src/modules/components/collapse/collapse.ts
+++ b/src/modules/components/collapse/collapse.ts
@@ -35,7 +35,7 @@ export class Collapse extends BI.BasicButton {
                 {
                     type: IconLabel,
                     height: 17,
-                    cls: 'pull-right-font',
+                    cls: 'dcm-triangle-collapse-font icon-size-16',
                     ref: (_ref: any) => {
                         this.rightFont = _ref;
                     },
@@ -44,7 +44,7 @@ export class Collapse extends BI.BasicButton {
                 {
                     type: IconLabel,
                     height: 17,
-                    cls: 'pull-down-font',
+                    cls: 'dcm-triangle-expand-font icon-size-16',
                     ref: (_ref: any) => {
                         this.downFont = _ref;
                     },