我需要将设计师提供的字体与类似的网页字体相匹配

这可能很困难,因为所有浏览器都只支持一小部分字体,而且在一个浏览器中与另一个浏览器相比可能看起来完全不同(参见Firefox与IE中的Fantasy字体)。

这里有一些css可以让你开始

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

字体粗细,在当前浏览器中几乎支持NORMAL和BOLD。但在新浏览器中,范围将从100到900,其中700是今天的BOLD,400是今天的NORMAL。

注意:悬停只适用于愚蠢的IE 6中的链接元素,IE 7中对它的支持要好得多,firefox中的支持也更好。

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

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

几乎每台电脑上都有Helvetica Neue(或Helvetica或Arial——这三种都非常相似)。细微的变化并非如此。我建议使用字体家族Helvetica Neue、Helveticas、Arial,字体大小:20pt,并将字体权重设置为尽可能低的值:100。Helvetica/Arial的某些变体可能没有较轻的字体粗细变化,因此设置字体粗细可能没有任何作用。

如果你绝对需要精确的字体(如果你的设计师在网页设计时除了标题外,还希望使用这种字体,你需要去和这位设计师谈谈),你可以使用 SIFR 或图像。