有一种名为“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 正确指向它。也就是说,如果您刚刚下载了字体并希望在您的网站上使用它,那么有更好的方法可以做到这一点。您将需要一个网络优化的,它只包含您实际需要的字符集和权重。否则,您将迫使您网站的每个访问者下载值(value) 200k 的字体——没有 bueno。一个不错的选择是 TypeKit (http://typekit.com),它确实有 Futura PT。
如果您不想付费,Google Web Font Repository 是另一个很棒的资源。你找不到 Futura,但他们有很多其他选择。
关于css - 字体 "Futura"不适用于任何 PC,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13896672/