Question

非常新手的问题，提前抱歉如果它是一个简单的答案，但我的Helvetica字体没有出现。这是我的代码：

@import "..\fonts\Helvetica";
@import "..\fonts\Neue Helvetica";

body {
    background: #E1E1E1;
    font-family: Helvetica Neue, Arial, serif;
}

它总是显示为Arial！我没有在我的系统上安装Helvetica Neue，即使我有.ttf，因为我想将它包含在我的网站上，只需在那里调用导入，这样每个人都可以看到它，无论他们的安装如何。我已将它们放在同一个项目中，如上所示在不同的文件夹路径下。我怎么能做到这一点？谢谢！

Answer 1

您无法合法地将Helvetica用作可下载字体，并且您无法在@import中引用字体文件。要开始使用可下载字体（网络字体），请查看http://www.google.com/webfonts

Answer 2

尝试以下方法：

/* These links need to point to actual ttf files and be relative to your css file */
@font-face {font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf') format('truetype');}
@font-face {font-family: "Helvetica Neue"; src: url('../fonts/HelveticaNeue.ttf') format('truetype');}


body {
    background: #E1E1E1;
    font-family: 'Helvetica Neue', Helvetica-Neue, HelveticaNeue, Arial, sans-serif;
}

不同的系统可能不同地命名Helvetica Neue，因此上面的3个指令。您可以使用FireBug或Chrome / Safari检查器查看您的系统识别哪一个。

但是，我怀疑您所尝试的内容超出了您的Helvetica许可证允许使用范围。您应该考虑从fonts.com获得许可。

另外，不确定为什么你会选择将serif作为后备，因为Arial和Helvetica Neue都是sans-serif字体。

Helvetica字体没有出现！我的@import错了吗？

2 个答案: