有一个我们使用 Roboto 字体的网络应用程序，它是直接从 Google 加载的:
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic);
从 OSX 查看时，该网站看起来不错。尽管从 Windows 上的浏览器(Chrome、Firefox、Edge 等)查看实时网站时，它不会加载 Roboto。但是，当在 Windows 上(从这两种浏览器中的任何一种)查看网站的本地开发人员版本时，它会正确加载字体。
webapp 使用了 Django，它也使用了 django-pipeline。本地开发者版本不会缩小 JS 或 CSS。实时站点将 JS 和 CSS 文件捆绑在一起并缩小它们。如果我查看来自实时服务器的 bundled+minified CSS，它确实包含 Roboto 字体的导入语句。但是由于某些原因，浏览器不遵循该规则(仅在 Windows 上，仅实时站点)。
我发现的另一件事是我们使用数据表。我们使用 bower，datatables 来自 bower 包，其中包含用于 DataTables 的选项/按钮的 PDFMake(注意:我们不使用该功能，但它来自包中的盒子)。 PDFMake 依赖于 vfs_fonts，它包含嵌入 CSS 的 ttf 格式 Roboto 二进制文件。据我所知，虽然在我们的案例中没有加载，因为我们不使用按钮插件。但我注意到了这一点。
有人体验过吗？有什么想法和建议来解决这个问题吗？
最佳答案
我刚刚将其从管道包中删除并在单独的行中导入。我不确定为什么它不适用于管道，但这有效。
关于css - 仅当从 Windows 查看实时站点时，Webapp Roboto 字体异常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35926312/