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正确指向它。也就是说，如果您刚刚下载了字体并希望在您的网站上使用它，那么有更好的方法可以做到这一点。您将需要一个仅包含您实际需要的字符集和权重的Web优化的。否则，你迫使你网站的每个访问者下载价值20万的字体 - 没有bueno。一个很好的选择是TypeKit（http://typekit.com），它有Futura PT。

如果您不想付费，Google Web字体存储库是另一个很棒的资源。你将无法找到Futura，但他们有很多其他的选择。

Answer 2

Futura字体受版权保护，只有您与字体供应商直接或间接达成协议，才能合法地将其用作网络字体。见Linotype page on Futura。在仔细检查您是否按照说明使用字体后，请与字体供应商联系以了解使用中的问题。

如果您发现费用过高，请考虑尝试找到足够相似或符合您需求的合适免费字体。在Google Web Fonts中有一些很好的无衬线字体，有几种字体。

Answer 3

这可能会更安全：

font-family: Futura, "Trebuchet MS", Arial, sans-serif;

通过http://cssfontstack.com/

，使用typekit可能更安全，因此您可以确保它在任何操作系统或浏览器上都能正确显示。例如：https://typekit.com/fonts/futura-pt

Google's WebFont Loader允许您从各种网络字体中提取。

WebFont Loader是一个JavaScript库，可以为您提供更多控制超过Google Web Fonts API提供的字体加载。 WebFont Loader还允许您使用多个Web字体提供程序。它是由Google和Typekit共同开发。
您还应该确保使用正确的字体名称。您的PC上可能有一个变体。例如：Futura Book BT，Futura Lt，Futura Md，Futura Bk，Futura Hv等

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

3 个答案: