css - 字体“Futura”无法在任何PC上使用

有一种名为“ Futura”的字体，它可在所有Mac（甚至iPhone）上使用，但不适用于PC。因此，在我的虚拟主机上，我有一个名为styles.css的CSS文件。在顶部，我有：

@font-face {

 font-family: 'Futura';

 src: url("Futura.eot");
 /* FOR IEs */

 src: local('Futura'), url('Futura.ttf') format('truetype');
 /* for other web browsers */

}

在与styles.css相同的位置，我有futura.ttf和futura.eot。我都是从网站上获得它们的，所以我不知道这两个文件是否损坏。
但是所有字体在PC上仍显示为Times New Roman。

最佳答案

1）确保font-family值正常降级：

font-family: 'Futura', Arial, sans-serif;

2）如果您托管字体的副本，请确保该字体在您的服务器上，并且URL正确指向该字体。也就是说，如果您只是下载字体并希望在您的网站上使用它，则有更好的方法来执行此操作。您将需要一个经过网络优化的网站，仅包含您实际需要的字符集和权重。否则，您将迫使所有访问您网站的访客下载价值200,000的字体，而不是bueno。一个不错的选择是TypeKit（http://typekit.com），它确实具有Futura PT。

如果您不想付款，那么Google Web字体存储库是另一种绝佳的资源。您将找不到Futura，但他们还有许多其他选择。