@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上,我的web應用的字體是'Noto Sans CJK SC Light'。但在macos上,在safari和chrome中,字體是'system-ui'。我怎樣才能使@鉻的Mac上的@ font-face woking?@ font-face不能在mac os的chrome上工作
從上面的代碼我看到你錯過了woff's,ttf和svg的源代碼。嘗試添加到您的CSS。你有沒有嘗試完整的字體路徑?您可以使用瀏覽器插件來測試渲染哪些字體。 – Syfer
woff,ttf和svg缺少源代碼?但我在src中表示過他們。有什麼問題嗎? – gavinSong
您缺少'src:' – Syfer