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

回答

相关问题