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

发布于 2024-08-03 08:44:47 字数 210 浏览 2 评论 0原文

我不知道这是否是 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

柏林苍穹下 2024-08-10 08:44:47

这可能很困难,因为所有浏览器只支持一小部分字体,并且在一种浏览器中看起来可能与另一种浏览器完全不同(请参阅 Firefox 与 IE 中的幻想类型字体)。

这里有一些 css 可以帮助您开始了解

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

字体粗细,在当前的浏览器中几乎支持普通和粗体。但在新的浏览器中,范围从 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

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

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.

就是爱搞怪 2024-08-10 08:44:47

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

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

This will get you as close as possible on all platforms:

font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:100;
font-size:20pt;
滿滿的愛 2024-08-10 08:44:47

字体名称为 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文