diff --git a/packages/vrender-core/src/constants.ts b/packages/vrender-core/src/constants.ts
index 55ce99357..e4e2fac65 100644
--- a/packages/vrender-core/src/constants.ts
+++ b/packages/vrender-core/src/constants.ts
@@ -3,4 +3,4 @@ export const VGlobal = Symbol.for('VGlobal');
 
 export const DEFAULT_TEXT_FONT_FAMILY =
   // eslint-disable-next-line max-len
-  'PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol';
+  `PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,'-apple-system',segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol`;
diff --git a/packages/vrender-core/src/graphic/config.ts b/packages/vrender-core/src/graphic/config.ts
index 8449f200e..cfb13853b 100644
--- a/packages/vrender-core/src/graphic/config.ts
+++ b/packages/vrender-core/src/graphic/config.ts
@@ -95,7 +95,7 @@ export const DefaultTextStyle: Required<ITextAttribute> = {
   textBaseline: 'alphabetic',
   fontSize: 16,
   // @ts-ignore
-  fontFamily: `PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,
+  fontFamily: `PingFang SC,Microsoft Yahei,system-ui,'-apple-system',segoe ui,
     Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol`,
   fontWeight: '',
   ellipsis: '…',