Merge pull request #1990 from VisActor/fix/fix-bug-of-font-family

fix: fix issue of font family

Author: xuefei1313

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`;

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: '…',