@ font-face不能在mac os的chrome上工作

@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上工作

來源

2017-05-05 gavinSong

從上面的代碼我看到你錯過了woff's，ttf和svg的源代碼。嘗試添加到您的CSS。你有沒有嘗試完整的字體路徑？您可以使用瀏覽器插件來測試渲染哪些字體。 – Syfer

woff，ttf和svg缺少源代碼？但我在src中表示過他們。有什麼問題嗎？ – gavinSong

您缺少'src：' – Syfer

你試過嗎？正弦你知道系統字體是在Mac上你應該能夠把它放在你的字體家族使用它。

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

讓我知道這是否工作。

乾杯

來源

2017-05-05 09:53:25 Syfer

'''font-family：'Noto Sans CJK SC Light'，Roboto，-apple-system，BlinkMacSystemFont;'''它不能工作。 – gavinSong

您正在使用哪種編碼語言？ – Syfer

打字稿。使用angular2 – gavinSong

@ font-face不能在mac os的chrome上工作

回答

相關問題