CSS 字体"Helvetica Neue"



我经常看到网站使用字体"Helvetica Neue"。这种字体可以安全使用吗?天线吗?或者浏览器在呈现时遇到问题,或者没有多少机器有这种字体?谢谢。

这是mac的默认字体,但在pc上很少见。由于它在技术上不安全,有些人可能有,有些人可能没有。如果你想使用这样的字体,而不使用@font-face,你可能需要用几种不同的方式来写它,因为它可能对每个人都不一样。

我喜欢使用这样的字体堆栈:

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;

这个推荐的字体系列堆栈在这个CSS-Tricks代码片段中有进一步的描述,Better Helvetica也使用了font-weight: 300;

这种字体不是所有设备的标准字体。在一些mac电脑上默认安装,但很少在pc和移动设备上安装。

要在所有设备上使用这种字体,如果你想使用它,可以在CSS中使用@font-face声明来链接到你的域中。

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

取自css3.info

Helvetica Neue是一种付费字体,所以你不应该@font-face它,因为你会自由地分发受版权保护的字体。它包含在Mac系统中,但不包含在windows/linux系统中,所以是的,你的很多用户不会安装它。无论如何,你可以使用'Arial Narrow'作为窗口的替代品,这是它的窗口等效

您可以使用http://www.fontsquirrel.com/fontface/generator为网站编码任何字体。它将生成包含字体的代码。

对于大于30px的字体我不太使用它。它们作为图像看起来要好得多(因为图像是抗锯齿的,而有些浏览器在浏览器中没有抗锯齿字体)。

见:http://www.truetype-typography.com/ttalias.htm

大多数windows用户不会在他们的电脑上使用这种字体。另外,你不能把它提交给服务器,然后使用font-face来调用它,因为这不是免费字体。

最后,但并非最不重要的,回答没有人提到的问题,Helvetica和Helvetica Neue不能很好地呈现在屏幕上,除非他们有一个非常大的font-size。你会发现很多页面都使用这种字体,在所有这些页面中,你都会看到一行文本的上边框看起来像波浪,有些字母看起来比其他字母高。在我看来,这是你不应该使用它的主要原因。您还可以使用其他选项,如Open Sans。

最新更新