我设计了一个使用 Trebuchet MS 字体 (PSD) 的小模板。现在,如果我在 HTML/CSS 中使用这种字体,它看起来完全不同。有没有可能达到相同或更好的质量?
也许谷歌网络字体?有没有类似的字体?还是我应该使用 CSS @font-face?
CSS:
font-family: "Trebuchet MS", sans serif;
此致
基本答案是否定的。
您正在谈论字体抗锯齿(或字体平滑)。Photoshop 提供四种风格的抗锯齿(Sharp、Crisp、Strong、Smooth)。浏览器不会做同样的事情,通常操作系统会控制字体抗锯齿。
有关浏览器和字体的更多信息:类型渲染:Web 浏览器
不,除非您可以使用 Flash 生成的字体或图像字体等。您正在研究两种不同的野兽如何呈现字体的差异,而且它主要是您无法控制的东西。
@font-face 是新的,并不适用于所有浏览器。为了保持跨浏览器支持,您可以使用基于 JS 的 Cufon 来提供您想要的任何字体。