CSS中的Photoshop样式抗锯齿样式

问题描述

| 我正在为新网站的PSD样机设置样式表。样机中的大多数文本都使用photoshop中的“'sharp \'”抗锯齿方法。 重新创建这类photoshop抗锯齿方法的最佳方法是什么？设置不同的字体粗细似乎很遥远。 顺便说一句，字体是Arial，所以这里没有有趣的@ font-face东西     

解决方法

一个简单的替代方法是文本阴影，它是css3属性：

#foo {
    /* text-shadow: [color] [horizontal offset] [vertical offset] [blur] */
    text-shadow: #fff 0 1px 0;
}

玩转设置；您可以尝试不同的颜色和模糊值，以使前端字体看起来非常锋利，并使其平滑。     ,

font-smooth

CSS3属性可能有用：

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit 

    ,由于您的网站将要在多个操作系统的多个浏览器中显示，因此无法获得一致的字体显示。我认为这取决于操作系统的字体平滑度。 如果需要，可将这些部分渲染为图像或使用Cufon或sIFR。 我过去也做过的工作，如果字体有点粗糙，请添加细微的CSS3

text-shadow

，使它看起来更加流畅。     ,您可以使用基于脚本的库（我想起了cufón）来自定义抗锯齿和其他文本渲染效果。请注意，大多数（如果不是全部）此类解决方案仅适用于标头，而不适用于全文。