Question

@font-face {
  font-family: 'Noto Sans CJK SC Light';
  src: url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.eot');
  src: url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
  url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.woff2') format('woff2'),
  url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.woff') format('woff'),
  url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.ttf') format('truetype'),
  url('/src/assets/font/fonts/NotoSansCJKsc-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Noto Sans CJK SC Light', Roboto, -apple-system, ..., "Microsoft YaHei", SimSun, sans-serif;
}

在ubuntu的chrome上，我的网络应用程序的字体是“Noto Sans CJK SC Light＆＃39;”。但是在macos上，在safari和chrome中，字体是＆system; ui＆＃39;。如何在Mac的chrome上制作@ font-face woking？

Answer 1

你试过这个吗？您知道Mac上的系统字体是什么，您应该能够将它放在您的字体系列中以便使用它。

font-family: 'Noto Sans CJK SC Light', 'system-ui', [other fallback fonts];

让我知道这是否有效。

干杯

@ font-face无法处理mac os的chrome

1 个答案: