我需要将设计师的字体与网络类似的字体相匹配答案

【问题标题】：I need to match a font from a designer to something similar for web我需要将设计师的字体与网络类似的字体相匹配
【发布时间】：2009-09-02 02:07:21
【问题描述】：

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

Helvetica Neue (T1)，35 薄，20 pt，关闭/454545，开启/70a63a

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

谢谢！

【问题讨论】：

标签： css layout fonts

【解决方案1】：

这可能很困难，因为所有浏览器都只支持一小部分字体，并且在一个浏览器和另一个浏览器中可能看起来完全不同（请参阅 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 中更好。

【讨论】：

谢谢。不知道为什么我认为 pt 在 css 中不起作用... Helvetica 和 Helvetica Neue (T1) 一样吗？
@joe 不是，但很少有最终用户在他们的计算机上安装 helvetica neue。 Helvetica 是最接近的替代品（见我的回答）
是的，你可以先放 Helvetica Neue，然后是 Helvetica，这样那些在浏览器上支持 Helvetica Neue 的用户就会看到它。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

字体名称为 Helvetica Neue。 T1 表示 PostScript 类型 1。35 Thin 是重量/变化。 20 pt 是大小。 off 和 on 是颜色。

Helvetica Neue（或 Helvetica 或 Arial——三者都非常相似）几乎出现在每台计算机上。薄的变化不是。我建议使用字体系列 Helvetica Neue、Helvetica、Arial，字体大小：20pt，并将字体粗细设置为尽可能低：100。Helvetica/Arial 的某些变体可能没有较轻的字体粗细变化，因此将字体设置为体重可能无济于事。

如果您绝对需要确切的字体（并且如果您的设计师在设计网页时希望在除标题之外的任何内容中使用此字体，您需要与该设计师交谈），您可以使用SIFR 或图片。

【讨论】：

helvetica/helvetica neue 真的那么常用吗？
Helvetica 和 Helvetica Neue 默认安装在 OS X 上。也适用于任何高端 Adobe 产品，以及带有大量字体的大量字体包/其他程序。我不会说它存在于大多数计算机上，但根据您的受众，它可能会达到 20-30% 甚至更高。在我看来，它足够高，可以将其用作默认值，因为它比 Arial 更好。
设计师其实很酷。这只是标题，他完全明白它可能不精确，如果需要，愿意制作图像。他不是那些困难的人之一，感谢 G_d :) 希望我能将所有 3 个标记为答案，因为我从每个人身上都学到了一些东西，而且 cmets 也很有帮助。
不用担心。很高兴我能提供帮助。