CSS字体"Helvetica Neue"

Question

我经常看到使用字体"Helvetica Neue"的网站.这种字体是否安全使用,例如.宋体？或者浏览器在渲染时遇到问题,或者很多机器都没有这种字体？谢谢.

Answer 1

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

我喜欢使用触及所有基础的字体堆栈,如下所示:

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

这个推荐的font-family堆栈在这个CSS-Tricks片段Better Helvetica中进一步描述,它也使用了一个font-weight: 300;.

Answer 2

此字体在所有设备上都不是标准字体.它默认安装在某些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

Answer 3

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