CSS 投石机 MS 与 Photoshop 投石机 MS答案

【问题标题】：CSS Trebuchet MS vs. Photoshop Trebuchet MSCSS 投石机 MS 与 Photoshop 投石机 MS
【发布时间】：2012-09-08 02:20:57
【问题描述】：

我设计了一个使用 Trebuchet MS 字体 (PSD) 的小模板。现在，如果我在 HTML/CSS 中使用这种字体看起来完全不同。有没有可能达到相同或更好的质量？

也许是谷歌网络字体？有没有类似的字体？还是应该使用 CSS @font-face？

CSS:
font-family: "Trebuchet MS", sans serif;

最好的问候

【问题讨论】：

【解决方案1】：

基本答案是否定的。

您说的是字体抗锯齿（或字体平滑）。 Photoshop 提供四种风格的抗锯齿（Sharp、Crisp、Strong、Smooth）。浏览器不会做同样的事情，通常操作系统会控制字体抗锯齿。

有关浏览器和字体的更多信息：Type rendering: web browsers

【讨论】：

【解决方案2】：

不，除非您可以使用 Flash 生成的字体或图像字体等。您正在研究两种不同的野兽如何渲染字体的差异，而这主要是您无法控制的东西。

【讨论】：

【解决方案3】：

@font-face 是新的，并不适用于所有浏览器。为了保持跨浏览器支持，您可以使用基于 JS 的 Cufon 来提供您想要的任何字体。

【讨论】：

@font-face is new and doesn't work in all browsers...实际上并不是那么新，并且得到了很好的支持caniuse.com/#feat=fontface
我想我的观点是遗留支持，IE 9 之前的任何东西。Cufon 基于 JS，应该可以在任何支持 JS 的浏览器中工作。 @font-face 不会。
但我认为您的意思是 IE4 之前的任何内容，因为 @font-face 自 CSS2 (1998) 以来一直存在
Trebuchet 被认为是网络安全的。 ampsoft.net/webdesign-l/WindowsMacFonts.html
啊，W3Schools。 W3Schools 不是 W3C，尽管名称相似。在这种情况下，他们说对了一半：IE8 和更早版本确实支持@font-face 规则，但它们并不支持所有字体格式。