我使用Photoshop来设计网站，每当我将Photoshop设计与实时浏览器预览进行比较时，字体的呈现方式就会有所不同。
基本上我在photoshop中选择的任何抗锯齿方法，文本总是给人以粗体的印象。因此，我总是被迫关闭抗锯齿功能（对于正常的12px / 14px文本）。
有没有一种方法可以像Windows使用cleartype一样在Photoshop中实现相同的字体渲染？
如果不是，关闭抗锯齿功能后，是否有比Arial更好的字体？
Answers:
ClearType文本如此清晰有两个原因。
您可以在记事本中键入文本，使用一些便捷的工具对其进行屏幕截图，然后使用混合模式“相乘”将其粘贴到Photoshop中（因为它是白色背景上的黑色文本）。但这不方便。编辑：除了黑色以外，使用其他前景色几乎也是不可能的。
这个家伙描述了一种手动进行亚像素渲染的方法，在我看来，它确实提高了字体的清晰度，使其更接近ClearType。但是它仍然使用Photoshop的提示，因此不如ClearType清晰。
您真的需要在Photoshop中使用ClearType样式的渲染吗？如果导出的任何包含文本的图形供您的网页设计使用，则这些图形不应包含亚像素渲染，因为它不适用于某些显示器（CRT，旋转电话）。而且，如果您不导出文本而只是查看文本，则Photoshop的渲染似乎还可以。
Photoshop不是网页设计程序。要在浏览器中获得与图形中相同的文本（jpg，gif等），必须在两个程序中使用相同的字体。并非所有浏览器都使用某些字体。
根据文本的大小，一个好的中型字体可以是Tahoma，Helvetica，Trebuchet或Georgia。请访问此网站，以获得一些好主意：http : //www.snaphow.com/10-most-popular-web-fonts-used-in-web-safe-design/
较大的字体是开始与抗锯齿有关的地方。
如果您要使文本与页面上的文本合并，建议您使用CSS定位来实现您的目标。CSS允许您将网页上的文本放置在图像的顶部，并使用相对和绝对定位来完全根据需要呈现页面。这是一个示例和教程：http : //css-tricks.com/text-blocks-over-image/
不幸的是，Photoshop不支持任何类型的亚像素渲染。除Dreamweaver之外，其他任何Adobe软件也没有。（嗯，这并不是Dreamweaver的技术，因为它只是呈现HTML，然后将文本传递给要呈现的操作系统。）
建议的工作流程可能是您在Photoshop中创建和切片设计，然后在Dreamweaver中将其打开。如果设计需要进一步的更正，则可以在Photoshop中同时打开文件，进行更改，保存并在Dreamweaver中刷新视图。在Dreamweaver中添加最终的真实副本。您也可以用Fireworks代替Photoshop。甚至在Fireworks中开始线框图→在Photoshop中继续→通过Dreamweaver发布。（很明显，为什么通常以捆绑形式购买Creative Suite版本，不是吗？）
如果设计在Dreamweaver的预览中与在浏览器中的外观不同，那是另一回事，不幸的是（我不是在谈论字体，而是在整体上渲染）。您越早从Photoshop升级到实时演示（无论是否通过Dreamweaver），效果会更好。我确实希望Photoshop具有亚像素渲染功能（但同时希望它不会在CS6中引入，或者至少希望到那时我会变得很有钱）！
附带一提：ClearType受10项左右的专利保护，因此不可能实现完全相同的呈现。另外值得注意的是，OS X默认使用不同的渲染（Quartz），Linux发行版中的图形界面也是如此。
可能的解决方法是使用“尖锐”抗锯齿方法，并在文本层上设置0深度的内部发光：
对于此示例，我使用了白色，不透明度为85％，“屏幕”混合模式，0阻塞，0大小。不如女士clear型，但看起来不那么大胆...
（第一行=无抗锯齿，最后一行=尖锐的抗锯齿，没有内部辉光）