导入字体后需要@ font-face指令吗？

Question

我正在使用一个商业wordpress主题和redux framwork的网站上工作。在我看来，网络字体已被错误地实施，我只想与前端专家确认。

在声明下面包含的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; 

Answer 1

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:600); 
font-family: 'Source Sans Pro', sans-serif; 

发现它在谷歌：fonts library

我只是测试它，它工作得很好，不包括引号和无衬线的一部分。所以你可以肯定它的作品:)

Answer 2

我意识到，如果你按照链接http://fonts.googleapis.com/css?family=Source+Sans+Pro:600它加载包含@ font-face代码的css。