Photoshop文本效果的CSS [重复]答案

【问题标题】：CSS of Photoshop text effects [duplicate]Photoshop文本效果的CSS [重复]
【发布时间】：2012-07-20 10:27:37
【问题描述】：

Photoshop中有一些文字效果，如清晰、锐利、强烈、平滑 如何为这些效果生成 css

【问题讨论】：

这些效果在css中是不可能的。
有替代品吗？？

【解决方案1】：

CSS 无法继承 Photoshop 的样式，但我知道以下工具可以将所有可能的 CSS 样式和效果应用于任何网站的图像。它只使用 CSS 和 jQuery，并且在提供的编辑器的帮助下，您不需要了解 CSS。我还没有看到类似的工具。 http://image-styles-and-effects.impression-estudio.gr/

【讨论】：

【解决方案2】：

上述效果在 CSS 中是不可能的。但是，还有其他人。 CSS3中有一个样式font-smooth:always;你可以用它来拥有平滑的字体。您还可以使用font-weight、font-variant 和font-size。以上所有样式的组合可以为您提供接近 Photoshop 效果的结果。

【讨论】：

【解决方案3】：

这取决于您要达到的效果。 CSS 不能所有 Photoshop 的文本效果，但能够再现其中一些的近似值。

你有你想要达到的效果的图片吗？

【讨论】：

啊，如果我误解了，请见谅；您在问题中提到了阴影样式。我会在上面的答案中添加（我没有足够的代表直接评论它）font-smooth:always 显然已从 CSS3 规范中删除。在 MDN 上查看此链接：link

【解决方案4】：

您提到的选项不是“效果”，而是 Photoshop 如何渲染文本的模式 - 或使用了多少抗锯齿。如果您想使用 PS 进行网站设计，请在浏览器中输入一些文本（如果可能，使用使用的字体） - 制作屏幕截图并调整 PS 以使其最适合。

这不是一个真正的答案 - 因为这些不是您可以通过 css 重建的效果，但试试这个：

Forcing anti-aliasing using css: Is this a myth?

【讨论】：