Question

我不知道这是一个Illustrator规范还是确切地说，但设计师给了我这个字体规范：

Helvetica Neue（T1），35薄，20 pt，off / 454545，on / 70a63a

页面的不同区域还有其他类似的，但如果你能告诉我如何使用CSS匹配这个，希望我可以弄清楚其余部分。

谢谢！

Answer 1

可能很困难，因为所有浏览器都只支持一小部分字体，并且在一个浏览器中看起来与另一个浏览器完全不同（参见Firefox与IE中的Fantasy类型字体）。

这是一些让你入门的css

.myCss {font-family:Helvetica;font-size:20pt;font-weight:100;color:#454545}
.myCss:hover {color:#70a63a}

字体权重，在当前浏览器中支持几乎正常和粗体。但在新的浏览器中，浏览器的范围将从100到900，其中700为今天的BOLD，400为今天的NORMAL。

注意：Hover只适用于愚蠢的IE 6中的链接元素，在IE 7中对它的支持更好，在Firefox中更好。

Answer 2

字体名称为Helvetica Neue。 T1表示PostScript类型1. 35 Thin是重量/变化。 20磅是大小。关闭和开启是颜色。

Helvetica Neue（或Helvetica或Arial - 三者非常相似）几乎存在于每台计算机上。细微的变化不是。我建议使用字体系列Helvetica Neue，Helvetica，Arial，font-size：20pt，并将字体重量设置为尽可能低：100。Helvetica / Arial的某些变体可能没有更轻的字体重量变化，因此设置字体 - 重量可能没有任何作用。

如果您绝对需要确切的字体（如果您的设计师在为网络设计时除了标题之外的任何内容，您需要与设计师进行交谈），您可以使用SIFR或图像。

Answer 3

这将使您在所有平台上尽可能接近：

font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:100;
font-size:20pt;

我需要将设计师的字体与Web上的字体匹配

3 个答案: