WhiteHouse.gov 上的这个字体是什么?如何使用 CSS 创建这个图像?

发布于 2024-07-25 16:55:16 字数 1542 浏览 3 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(7

故乡的云 2024-08-01 16:55:16

您可以使用 WhatTheFont.com 等字体服务来查找最接近的匹配项。

至于你的第二个问题,你可以创建一个与背景图像大小相同的表格,并使用 css 将表格的背景设置为该表格。 然后,只需在表格单元格中输入文本并使用

style="text-align: center;" 

将文本居中即可。

您可能需要使用 Photoshop 擦除背景中的原始文本,如上所述。

You can use a font service like WhatTheFont.com to find a closest match.

As for your second question, you can create a table the size of your background image, and use css to set the background of the table to that. Afterwards, just input the text in the table cell and use

style="text-align: center;" 

to center the text.

You might want to use Photoshop to wipe the original text in background, as noted above.

北笙凉宸 2024-08-01 16:55:16

它看起来像 Garamond。 它与本文档中使用的字体相同:

http:// www.hud.gov/united-we-serve/united-we-serve.pdf

其特点是 W 内部的垂直线相互交叉。

为了在网页上成功使用该字体,必须将其安装在查看该字体的用户的计算机上。 Garamond 是 Apple Mac 计算机上使用的 Adob​​e 字体,它安装在我的 Windows XP 计算机上,所以我想几乎每个人都已经拥有它了。

It looks like Garamond. It is the same font used in this document:

http://www.hud.gov/united-we-serve/united-we-serve.pdf

It is distinguishable by the fact that the vertical lines inside of the W cross over each other.

In order to use the font successfully on your web page, it has to be installed on the computer of the user viewing it. Garamond is an Adobe font used on Apple Mac computers, and it's installed on my stock Windows XP computer, so I imagine almost everyone has it already.

音盲 2024-08-01 16:55:16

你应该用什么字体来识别它。

http://new.myfonts.com/WhatTheFont/

You should use what the font to identify it.

http://new.myfonts.com/WhatTheFont/

暖阳 2024-08-01 16:55:16

您可以使用 SIFR 使用您的编程技能(从而避免使用 Photoshop)创建这种类型的外观。 它确实非常适合动态网站。 我们经常使用它(请参阅 h1s 此处)。 有关 SIFR 的信息位于此处

You can create this type of look using your programming skils (thus avoiding photoshop) by using SIFR. It really works great with dynamic sites. We use it often (see h1s here). Info on SIFR is here

茶花眉 2024-08-01 16:55:16

Cufon 可能会提供您在 HTML 页面中嵌入非系统字体所需的内容:
http://cufon.shoqolate.com/generate/

有一些注意事项许可和一些浏览器问题,但它在大多数情况下运行得相当好 - 当然比 sifr 更好。

Cufon may provide what you need to embed a non-system font in a HTML page:
http://cufon.shoqolate.com/generate/

There are a few caveats when it comes to licensing, and a few browser issues, but it works fairly well for the most part - certainly better than sifr.

人│生佛魔见 2024-08-01 16:55:16

Garamond 现在可以通过 Adob​​e 获得许可,通过 TypeKit 与 @font-face 一起使用。

因此,通过一些 Font-face 和 CSS3 魔法,您可以轻松创建这种效果,而无需借助图像。

Garamond can now be licensed through Adobe for use with @font-face through TypeKit.

So, with a bit of Font-face and CSS3 magic, you could quite easily create this effect without resorting to images.

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