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

3 css fonts

有一种名为"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 */

}
Run Code Online (Sandbox Code Playgroud)

和styles.css在同一个地方我有futura.ttf和futura.eot.我从网站上得到了它们,所以我不知道这两个文件是否坏了.但所有字体仍然在PC上显示为Times New Roman.

lyy*_*ons 8

1)确保font-family值正常降级:

font-family: 'Futura', Arial, sans-serif;
Run Code Online (Sandbox Code Playgroud)

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

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


Juk*_*ela 5

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

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