CSS字体“Helvetica Neue”

我经常看到使用字体“Helvetica Neue”的网站。 这个字体是否安全使用,例如。 宋体? 或者浏览器在渲染时遇到麻烦,或者很多机器都没有这种字体? 谢谢。

这种字体在所有设备上都不是标准的。 它在某些Mac上默认安装,但很less在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

这是Mac上的默认字体,但在个人电脑上很less见。 由于这在技术上不是networking安全的,所以有些人可能有,有些人则可能不。 如果你想使用这样的字体,而不使用@ font-face,你可能想写出几种不同的方式,因为它可能不适用于每个人。

我喜欢使用一个字体堆栈,触及所有这样的基础:

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

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

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

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

我真的不使用它超过30px的字体。 它们看起来好多了(因为图像是反锯齿的,有些浏览器在浏览器中没有反锯齿字体)。

请参阅: http : //www.truetype-typography.com/ttalias.htm

希望有帮助…

大多数Windows用户在他们的电脑上不会有这种字体。 此外,你不能只是提交给你的服务器,并调用它使用font-face,因为这不是一个免费的字体…

最后,但并非最不重要的是,如果没有人提到这个问题,Helvetica和Helvetica Neue就不会在屏幕上呈现出来,除非它们的font-size 。 你会发现很多使用这种字体的页面,在这些页面中,你会看到一行文本的顶部边​​框看起来很波浪,而且有些字母看起来比其他字体高。 我认为这是你不应该使用它的主要原因。 还有其他选项可供您使用,如Open Sans。