Css 我需要从一个设计师的字体匹配到类似的网页

Css 我需要从一个设计师的字体匹配到类似的网页,css,layout,fonts,Css,Layout,Fonts,我不知道这是否是Illustrator规范或具体位置,但一位设计师给了我这个字体规范: Helvetica Neue(T1),35薄,20磅,关闭/4545,打开/70a63a 对于页面的不同区域,还有其他类似的方法,但是如果你能告诉我如何使用CSS匹配这个方法,希望我能找出其余的方法 谢谢 这可能很困难,因为所有浏览器都只支持一小部分字体,而且在一个浏览器和另一个浏览器中看起来可能完全不同(参见Firefox和IE中的Fantasy type字体) 这里有一些css让你开始 .myCss {f

我不知道这是否是Illustrator规范或具体位置,但一位设计师给了我这个字体规范:

Helvetica Neue(T1),35薄,20磅,关闭/4545,打开/70a63a

对于页面的不同区域,还有其他类似的方法,但是如果你能告诉我如何使用CSS匹配这个方法,希望我能找出其余的方法


谢谢

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

这里有一些css让你开始

.myCss {font-family:Helvetica;font-size:20pt;font-weight:100;color:#454545}
.myCss:hover {color:#70a63a}
字体大小,在当前浏览器中支持非常普通和粗体。但在新的浏览器中,将从100到900,其中700是今天的粗体,400是今天的普通


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

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

这里有一些css让你开始

.myCss {font-family:Helvetica;font-size:20pt;font-weight:100;color:#454545}
.myCss:hover {color:#70a63a}
字体大小,在当前浏览器中支持非常普通和粗体。但在新的浏览器中,将从100到900,其中700是今天的粗体,400是今天的普通


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

字体名为Helvetica Neue。T1表示PostScript类型1。35瘦是重量/变化。20磅是这个尺寸。断断续续的是颜色

Helvetica Neue(或Helvetica或Arial——三者都非常相似)几乎出现在每台计算机上。这种细微的变化并非如此。我建议使用字体系列Helvetica Neue、Helvetica、Arial,字体大小:20pt,并将字体大小设置为尽可能低的值:100。Helvetica/Arial的某些变体可能没有较轻的字体大小变化,因此设置字体大小可能没有任何作用


如果您绝对需要确切的字体(如果您的设计师在为web设计时希望在标题以外的任何地方使用这种字体,您需要与该设计师进行交谈),您可以使用或图像。

字体名称为Helvetica Neue。T1表示PostScript类型1。35瘦是重量/变化。20磅是这个尺寸。断断续续的是颜色

Helvetica Neue(或Helvetica或Arial——三者都非常相似)几乎出现在每台计算机上。这种细微的变化并非如此。我建议使用字体系列Helvetica Neue、Helvetica、Arial,字体大小:20pt,并将字体大小设置为尽可能低的值:100。Helvetica/Arial的某些变体可能没有较轻的字体大小变化,因此设置字体大小可能没有任何作用


如果您绝对需要确切的字体(如果您的设计师在为web设计时不希望在标题中使用这种字体,则您需要与该设计师进行交谈),您可以使用或图像。

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

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

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

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

谢谢不知道为什么我认为pt在css中不起作用。。。Helvetica和Helvetica Neue(T1)一样吗?joe不是,但是很少有终端用户的电脑上有Helvetica Neue。Helvetica是最接近的替代品(见我的答案)是的,你可以先放Helvetica Neue,然后放Helvetica,所以那些在浏览器上支持Helvetica Neue的用户会看到它。谢谢。不知道为什么我认为pt在css中不起作用。。。Helvetica和Helvetica Neue(T1)一样吗?joe不是,但是很少有终端用户的电脑上有Helvetica Neue。Helvetica是最接近的替代品(见我的答案)是的,你可以先放Helvetica Neue,然后放Helvetica,这样那些在浏览器上支持Helvetica Neue的用户就会看到。Helvetica/Helvetica Neue真的那么普遍吗?Helvetica和Helvetica Neue默认安装在OS X上。也适用于任何高端Adobe产品,也适用于大量字体附带的字体包/其他程序。我不会说它以任何想象的方式出现在大多数计算机上,但取决于你的受众,它可能是20-30%甚至更高。在我看来,它足够高,可以作为默认值使用,因为它比Arial好。实际上,设计师很酷。这只是标题,他完全明白它可能不精确,并愿意在需要时制作图像。他不是那种难对付的家伙,谢谢G_d:)希望我能把这三个都记下来作为答案,因为我从每个人身上都学到了一些东西&这些评论也很有帮助。不用担心。很高兴我能提供帮助。helvetica/helvetica neue真的那么普遍吗?helvetica和helvetica neue默认安装在OS X上。也适用于任何高端Adobe产品,也适用于大量字体附带的字体包/其他程序。我不会说它以任何想象的方式出现在大多数计算机上,但取决于你的受众,它可能是20-30%甚至更高。在我看来,它足够高,可以作为默认值使用,因为它比Arial好。实际上,设计师很酷。这只是标题,他完全明白它可能不精确,并愿意在需要时制作图像。他不是那种难对付的家伙,谢谢G_d:)希望我能把这三个都记下来作为答案,因为我从每个人身上都学到了一些东西&这些评论也很有帮助。不用担心。很高兴我能帮上忙。