3

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

4

3 回答 3

9

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

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

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

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

于 2012-12-15T23:08:32.637 回答
5

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

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

于 2012-12-15T22:30:05.103 回答
3

  • 这可能会更安全：

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

    通过http://cssfontstack.com/

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

    Google 的 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 等。

于 2012-12-15T22:33:32.357 回答