Twitter Bootstrap：浏览器找不到Helvetica Neue字体

Question

我使用Twitter Bootstrap并遇到了Helvetica Neue字体的问题。 我的系统有这种字体 - Photoshop将其显示为“Helvetica Neue LT Com”（截图），我正在尝试使用下一个声明：“Helvetica Neue”，“Helvetica Neue LT Com”，“Helvetica Neue LT Com 37 Thin Condensed” ，Helvetica，Arial，sans-serif;但我的浏览器总是使用Arial。为什么呢？

Answer 1

Helvetica没有完整的浏览器支持;老实说，不是很多字体都是完全网络安全的。

可以尝试使用fontsquirrel生成font-face代;但是从经验来看，试图以这种方式使用Helvetica存在问题。

其他替代方法可能是使用fontsquirrel或Google Web Fonts中的类似字体，或尝试在CSS Font Stack上查找网络安全字体，该字体在Mac OS X和Windows上显示字体支持，您可以从该链接看到Helvetica在Mac上100％支持，但在Windows上只有7.34％。

重点是不要使用Helvetica。

Answer 2

很难准确地从问题和Photoshop屏幕截图中确定你的最终目标是什么，但实际上浏览器只会在一些预定义的font families中显示字体。因为Helvetica与Arial非常相似，即使你可以将Helvetica指定为显示字体，它也会默认为Arial。

您可以通过Google Web Fonts之类的网络服务获得一些其他选项，它们本质上提供了一个API，您可以指向该API，以便为浏览器显示提供独特的字体。这确实需要对HTML，CSS和JavaScript有基本的了解。