为什么Helvetica [Neue]在Illustrator中看起来绝对可怕？

Helvetica在Mac上的Illustrator CS4 +中（包括所有OS版本），无论大小或单位如何，始终看起来很可怕。以下是Helvetica的屏幕截图，分别为12px，24px和36px。

有没有办法解决这个问题？其他字体看起来很棒，但是Helvetica（无论是Neue还是其他字体）总是看起来很糟糕，就像关闭了子像素渲染一样。

首先，两个常见的导致文本不稳定，未对齐，不连贯的原因（在这种情况下，不是字符相对于彼此对齐或大小正确）导致的：

• 与像素网格未对齐。Illustrator的最新版本具有“与像素网格对齐”选项，但它会影响所有内容，并产生诸如防止笔触宽度小于1pt的后果。您可以像素对齐各个对象，而不与其他后果像素对齐脚本（下载）从Wundes。
• 仔细检查文本是否旋转得不是很轻微，因为这会使提示变得疯狂。

但是，此特定情况是抗锯齿和提示的特定类型的组合。在Illustrator CS5 +中，有一些选项可以使类型与Photoshop中的类型类似，从而可以对类型进行抗锯齿处理，因此我们可以比较组合（最上面的行为10 Helvetica Neue Light，最下面的行为14pt），其中CS4似乎仅使用“ Sharp”：

有提示（例如，屏幕预览，或在CS5 +中，选择“类型优化”保存为Web）

没有提示（例如，针对网络的“艺术最佳化”保存，或少于针对Web的CS4保存）：

您会看到丑陋的失真，降低了平顶字母并提高了圆顶字母，这是在启用提示时以及当抗锯齿为“ Sharp”时出现的，而不管对象本身是否与像素网格对齐-因为提示（调整细节以适合像素网格）发生在每个字符的每个细节级别，而不是文本对象本身。

（我找不到任何能够准确说明每种抗锯齿方法的功能的东西-看起来像'Crisp'和'Strong'可能实际上正在关闭Illustrator的提示，或者至少抑制了它的作用）

还请注意，在关闭提示时，将文本对象与像素网格对齐会产生很小的区别（例如Sharp中Evil中的“ il”）。但这有一定的随机性。有时会有所改善，有时可能会使文本呈现效果更糟，有时则没有任何区别。

在CS6上，您可以控制这些事情。在CS4（用于Web输出的图像中文本）上，我建议的解决方法是在确实需要提示时将屏幕预览的屏幕截图以100％的比例复制到Photoshop，并在您使用“另存为Web”和“ 像素对齐”脚本时使用不需要提示，并在适当的地方在Photoshop中合并两个图像，将它们覆盖并擦除其中一个要渲染另一个的区域。或者，在Photoshop中应用文本并利用其抗锯齿控件。

提示文本通常具有更好的可读性，但是在某些情况下，确实会出现严重错误……

Adobe Illustrator和Adobe Photoshop不使用亚像素抗锯齿。这就是为什么它们都倾向于在OS X中渲染类型比用户界面文本差的原因之一。Safari，Chrome和Firefox中的网页在大多数情况下也使用亚像素抗锯齿进行渲染（这取决于网页，技术和CSS）。

实际上，仅当渲染在不透明的背景上时，OS X才始终不使用亚像素抗锯齿：

仅在对文本进行光栅化的同时将其合成到现有的不透明背景中时，才可以使用子像素抗锯齿来绘制文本。

— Apple的CATextLayer类参考

此外，据推测，Adobe使用与OS X和Windows不同的文本呈现引擎，因此它们可以具有一致的跨平台结果。

我不确定Helvetica Neue为什么特别糟糕或与众不同。这可能只是差异更大的征兆。

我的建议是不时在Apple Preview中打开文件。它具有更好的文本呈现。这样，您至少可以解决问题，直到决定导出为止。

在屏幕上呈现的文本通常会应用某种程度的提示和抗锯齿。这些都是为了使文本在屏幕上更易读。

Illustrator在这里对您通常在操作系统中看到的内容应用不同级别的提示或抗锯齿，因此它看起来有所不同（对您而言，这看起来是错误的，因为有关人们习惯于该方法的研究很多）他们选择的操作系统会呈现文本，其他所有内容看起来都是错误的）。

的好消息是，它通常无关紧要的最终结果; 在Illustrator中时，您更关心它产生的矢量输出，而不是在Illustrator中为屏幕光栅化的外观。如果Illustrator为您提供了很多“更好”的选择，那么它仍然不能很好地预览输出内容，因为屏幕的光栅化显示在很大程度上是一个限制因素。要获得字母形状的良好预览，您需要非常近地放大，并获得其外观的良好预览-您必须进行打印。

该抗锯齿屏幕上的文字有助于防止难看的字母形状的栅格化的结果，但也有多种类型的抗锯齿。如今，大多数操作系统都使用亚像素抗锯齿，这是最“清晰”的类型，因为它使水平分辨率提高了三倍，而您的样本没有显示抗亚像素抗锯齿。结果，垂直的“茎”在小尺寸下看起来并不十分清晰。

屏幕上文字的提示通过移动它们以使其与像素网格对齐，有助于使文字的茎和条更加清晰和鲜明。操作系统在提示级别方面有很大的不同，Windows对此的提示非常强烈，而Mac OS X几乎完全没有提示。结果，任何与您习惯的东西都可能看起来不对（不好的提示也看起来不对）。您提供的示例显示了很多提示文本，小写字母“ x”顶部的错误使我相信Illustrator会自动提示它。自动提示可以使某些字体看起来不错，而其他字体看起来确实很糟糕。特别是如果您通常使用Mac OS X，则无论哪种方式，这对您来说都是非常错误的。

不管怎么说，它不会影响最终结果。

在我的计算机上看起来不错：

考虑到光栅化文本的局限性，这大约和它一样好。不同的字体更适合较小的字体，除非您具有亚像素渲染（仅适用于特定于设备的渲染（例如网页和UI文本）），否则您必须忍受常规AA很难处理的事实在低分辨率下（例如典型的72ppi台式机/笔记本电脑显示器）使用高对比度文本（白底黑字就和它获得的对比度一样高）。

如果您将Helvetica用于300dpi +的打印分辨率，或者要在高分辨率LCD上渲染（或仅设计用于远距离观看的大型常规72 PPI LCD），那么这不是问题。