css - 字体 "Futura"不适用于任何 PC

Question

有一种名为“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。

Answer 1

1) 确保 font-family 值优雅地降级:

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

2) 如果您托管字体的副本，请确保它在您的服务器上并且 URL 正确指向它。也就是说，如果您刚刚下载了字体并希望在您的网站上使用它，那么有更好的方法可以做到这一点。您将需要一个网络优化的，它只包含您实际需要的字符集和权重。否则，您将迫使您网站的每个访问者下载值(value) 200k 的字体——没有 bueno。一个不错的选择是 TypeKit (http://typekit.com)，它确实有 Futura PT。

如果您不想付费，Google Web Font Repository 是另一个很棒的资源。你找不到 Futura，但他们有很多其他选择。