有一个我们使用 Roboto 字体的 web 应用程序,它是直接从 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 文件捆绑在一起并缩小它们。如果我查看来自实时服务器的捆绑+缩小 CSS,它确实包含 Roboto 字体的导入语句。但是由于某种原因,浏览器并没有遵循这一点(仅在 Windows 上,仅在实时站点上)。
我发现的另一件事是我们使用 DataTables。我们使用 bower,数据表来自 bower 包,其中包含用于 DataTables 的选项/按钮的 PDFMake(注意:我们不使用该功能,但它来自包的框中)。PDFMake 依赖于 vfs_fonts,其中包含嵌入在 CSS 中的 ttf 格式 Roboto 二进制文件。据我所知,虽然我们的案例中没有加载,因为我们不使用按钮插件。但我注意到了。
有人经历过吗?有什么想法和建议来解决这个问题吗?