我在一个使用商业 wordpress 主题和 redux 框架的网站上工作。在我看来，网络字体实现不正确，我只想与前端专家确认这一点。
在包含的 css 文件中声明了以下内容:
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:600);
后来，该字体在整个主题的 css 中使用:
font-family: Source Sans Pro;
经过一些测试，在我看来，只有当最终用户在他们的系统上实际安装了 Source Sans Pro 字体时，上述方法才有效。在我的例子中，我确实在 OSX 上安装了这个，所以没有看到与最终用户相同的字体问题。由于未能提供回退，我在其他浏览器中观察到，例如虚拟化 Windows 8.1 上的 IE11 显示衬线字体。
导入 Source Sans Pro 后是否需要 @font-face 声明？我无法在主题加载的 css 中的任何地方找到它。 Source Sans pro 也应该被引用吗？以下会更正确吗？
font-family: "Source Sans Pro", sans-serif;
最佳答案
我意识到如果你点击链接 http://fonts.googleapis.com/css?family=Source+Sans+Pro:600它加载包含@font-face代码的css。
关于css - 导入字体后是否需要 @font-face 指令？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26671464/