我需要将设计师提供的字体与类似的网页字体相匹配
我不知道这是否是 Illustrator 规范或具体位置,但设计师给了我这个字体规范:
Helvetica Neue (T1),35 细,20 pt,关/454545,开/70a63a
对于页面的不同区域还有其他类似的,但如果你能告诉我如何使用 CSS 来匹配这个,希望我能弄清楚其余的部分。
谢谢!
I don't know if this is an Illustrator spec or where exactly, but a designer gave me this spec for a font:
Helvetica Neue (T1), 35 thin, 20 pt, off/ 454545, on/70a63a
There are other similar ones for different areas of the page, but if you can tell me how to match this one using CSS, hopefully I can figure out the rest.
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这可能很困难,因为所有浏览器只支持一小部分字体,并且在一种浏览器中看起来可能与另一种浏览器完全不同(请参阅 Firefox 与 IE 中的幻想类型字体)。
这里有一些 css 可以帮助您开始了解
字体粗细,在当前的浏览器中几乎支持普通和粗体。但在新的浏览器中,范围从 100 到 900,其中 700 是今天的粗体,400 是今天的正常。
注意:悬停仅适用于愚蠢的 IE 6 中的链接元素,对它的支持在 IE 7 中更好,在 Firefox 中更好。
It may be difficult as only a SMALL subset of fonts are supported by all browsers, and MAY look completely different in one browser as opposed to another (see Fantasy type font in Firefox vs IE).
Here is some css to get you started though
Font-weight, in current browsers supports pretty much NORMAL and BOLD. But in new browsers will range from 100 to 900, with 700 being todays BOLD, and 400 being todays NORMAL.
NOTE: Hover will only work on link elements in stupid IE 6, support for it is MUCH better in IE 7 and waaay better in firefox.
这将使您在所有平台上尽可能接近:
This will get you as close as possible on all platforms:
字体名称为 Helvetica Neue。 T1 表示 PostScript 类型 1。35 Thin 是粗细/变化。 20 pt 是大小。关闭和打开是颜色。
Helvetica Neue(或 Helvetica 或 Arial,这三者非常相似)几乎出现在每台计算机上。薄变体则不然。我建议使用 Helvetica Neue、Helvetica、Arial 字体系列,字体大小:20pt,并将字体粗细设置为尽可能低的值:100。Helvetica/Arial 的某些变体可能没有较轻的字体粗细变化,因此设置字体 -体重可能起不了任何作用。
如果您绝对需要确切的字体(并且如果您的设计师在设计网页时希望在除标题之外的任何内容中使用这种字体,则您需要与所述设计师进行交谈),您可以使用 SIFR 或图像。
The font name is Helvetica Neue. The T1 means PostScript type 1. 35 Thin is the weight/variation. 20 pt is the size. off and on are the colors.
Helvetica Neue (or Helvetica or Arial--all three are very similar) is present on just about every computer. The thin variation is not. I recommend doing font family Helvetica Neue, Helvetica, Arial, font-size: 20pt, and setting the font weight to the lowest possible: 100. Some variations of Helvetica/Arial may not have lighter font-weight variations, so setting the font-weight may not do anything.
If you absolutely need the exact font (and if your designer expects this in anything but headings when designing for the web, you need to go have a talk with said designer), you can use SIFR or images.