为什么加载谷歌字体API的字体有时会工作但不总是？

Question

我使用谷歌的字体并且它在我的机器上没有在Safari中显示，但我已经看到它在Safari中的其他机器上正确呈现。 可能出现什么问题？它适用于其他浏览器，例如firefox和chrome。

包含它的SCSS系列：

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic");

或者，有没有办法调试HTML元素使用的字体系列？我看到CSS中引用了正确的font-family，并且样式规则应用于元素，但它显示为这些奇怪的块。

＆＃34;呈现＆＃34;文本：

应用的CSS规则：

Answer 1

正如您所发现的，调试浏览器实际使用的字体很难 - 特别是因为浏览器对@font-face的支持不同，并且字体的实际呈现因平台而异。您可能会发现一个方便的工具是WhatTheFont，您可以在其中上传渲染文本的图像，并尝试识别实际使用的字体。