标签: font-smoothing

在我的上一个网站上,文本在chrome和firefox上自然完美无需触摸字体平滑或其他任何东西.
但是在Mac/Safari 7上,文本看起来很好,然后立即变薄(太薄/不好读).

做了一些研究[比照http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
和一些测试

-webkit-font-smoothing    

看起来Safari首先显示文本:

-webkit-font-smoothing: subpixel-antialiased;

然后在你获得闪烁效果后,当它将字体转换为:

-webkit-font-smoothing: antialiased;

所以在我看来,除了强迫我别无选择

-webkit-font-smoothing: subpixel-antialiased;

使我的网站在所有浏览器上保持一致.
我正在使用font-face Avenir Std Roman.

对Safari问题的一些解释？更好的解决方案？我的字体可以成为问题的一部分吗？

谢谢.

继续与这个斗争变得非常沮丧.我不确定它是Xcode 4.4还是Mountain Lion(我同时安装了两个),但我的代码再一次在Xcode中被消除锯齿(字体平滑).

我之前能够通过以下说明解决此问题,这些说明来自此问题,但现在似乎都不起作用:

对于XCode 3.x,我会做以下事情:defaults write com.apple.xcode AppleAntiAliasingThreshold 24.

对于XCode 4,用户默认的域更改为com.apple.dt.Xcode.对于XCode 4 defaults write com.apple.dt.Xcode AppleAntiAliasingThreshold 24应该得到你想要的.

如何让Xcode恢复到可用状态？

我在Arch Linux上使用IntelliJ IDEA和KDE.OpenJDK版本是1.7.0_40.

整个IDE字体(包括代码编辑器)在没有任何抗锯齿和字体平滑的情况下呈现.我在idea.properties文件中idea.use.default.antialiasing.in.editor设置true,并在_JAVA_OPTIONS变量中添加-Dawt.useSystemAAFontSettings=on -Dswing.aatext=true没有任何影响.

还有什么我可以尝试启用字体平滑？

我正在使用图标.在Chrome和Opera上他们看起来很好.但是如果我尝试使用Firefox,如果font-size图标小于20px,它们看起来会非常模糊,而在30px之后它们看起来很平滑.有没有办法来解决这个问题？
例如,可以通过旋转非常少量的图像来修复因图像调整大小而导致图像模糊的Firefox问题.类似的东西可以应用于字体图标吗？

要查看它的外观,只需(使用firefox)到任何带有图标的网站(比如字体很棒)并尝试将它们调整为20px,看看它们变得多么模糊.

编辑:

我们现在在Chrome 19中,这仍然没有修复.只是澄清一下:这种情况发生在Windows上的Chrome中,而不是Linux或Mac上.我认为这与Cleartype有关.谷歌,请解决这个问题.

我一直在使用CSS3 text-shadow在其他浏览器上模拟IE9的字体平滑.基本上我只是将容器文本的文本阴影设置为容器的背景.您可以通过text-shadow在低于Chrome 14.0.833的任何内容中设置较大的字体元素来查看行为.文字看起来很流畅.删除文本阴影,字体看起来呈锯齿状.但是,在Chrome 14.0.833(更新:看起来它在14.0.834中也被"破坏")中,这不再起作用.text-shadow属性仍然有效,但不像以前那样.你可以在这里看到这种行为(只是加载它与差异.Chrome版本)好像在较旧的Chromes中文本阴影开始在文本中稍微然后展开 - 这也许是为什么文本阴影黑客工作了.在较新的Chrome中,文本阴影似乎在文本外部开始,这就是为什么它不起作用的原因.明白我的意思在这里.

我的问题基本上是:这是一个错误吗？哪个是预期的行为？我可以使用其他任何字体平滑解决方法吗？

W3C的规范似乎并没有说出预期的行为是什么,虽然我确实看到也许我应该使用文本大纲(这有点不受支持,这违背了目的)

我想要一些小字体看起来没有平滑.是否可以使用HTML/CSS禁用字体平滑？

（有几个类似的问题，但没有答案）

我开始尝试 JavaFX (JDK8)，我注意到的第一件事是可怕的字体平滑。我使用的是 Windows 8.1，在操作系统范围内禁用字体平滑/ClearType 是我做的第一件事。大多数应用程序都遵循这一点（两个值得注意的例外是 IE 和 Metro UI 内容），但 JavaFX 似乎强制这样做。

下面的屏幕截图说明了它 - Eclipse IDE 中的代码片段和生成的 JavaFX 窗口（代码使用 Scala，但非常可读）。它们都使用相同的字体，因此差异很明显。

正如你所看到的，我尝试设置

System.setProperty("prism.lcdtext", "false")
System.setProperty("prism.subpixeltext", "false")

但它们似乎没有任何影响。

关于这个问题有什么提示或见解吗？

以下代码使我的文本在 Mac 上看起来更漂亮：

html, body {
    -moz-osx-font-smoothing: grayscale;
}

但它在 Windows 上不起作用。有什么对 Windows 的工作方式相同的吗？

由于这两个System.setProperty("prism.lcdtext", "false")和System.setProperty("prism.lcdtext", "true")不令人满意（前出现霜霉病，而后者出现在即使文本颜色为黑色字母边缘丰富多彩;我的液晶显示器上，它看起来甚至比难看这里报道：https://bugs.openjdk.java.net/浏览/JDK-8131923 ),

我更喜欢完全关闭抗锯齿。

该设置SceneAntialiasing.DISABLED似乎不会影响我的按钮/列表/下拉菜单/...（我猜它仅用于绘图）。

如何完全关闭抗锯齿？我想使用一种类似于 Windows 2000 和 Win XP 的第一个版本的字体，它们无需抗锯齿即可工作（此外还可以节省空间，因为它们可以缩小而不是必须平滑的字体）。

[更新] 截图已添加（根据要求）

右侧窗口由我的 ScalaFX 应用程序生成。纯普通标准代码，不应用任何设置。

（玩System.setProperty("prism.lcdtext", "false")和System.setProperty("prism.text", "t2k")给了我稍微好一点的，但仍然不令人满意的结果。）

请看放大的“W”及其多种颜色，它源自右侧窗口 (JavaFX) 中的第一个按钮：对于要求苛刻的用户来说，这是无法忍受的。并请比较等宽文本的平滑度（左：Ubuntu，右：JavaFX）。

我昨天将 Visual Studio for Mac 2017 升级到 2019，并立即注意到文本编辑器中的子像素渲染已关闭！看起来很糟糕。

我正在运行 OS X Mojave，升级后，我使用在网上找到的指南明确地再次为整个系统打开子像素渲染。因此，除了 VS for Mac 2019 文本编辑器窗口本身之外，其他所有内容都使用子像素渲染。

发生了什么事，如何重新打开它？我已经在网上搜索了一个小时，没有找到任何线索或黑客。

在Android Studio 1.5中的 Windows 7 64位上,我有一个很好的Monospaced 14字体,没有我喜欢的抗锯齿/平滑.但是,在最近安装的Android Studio 2.1(据称从AS 1.5导入的所有设置)中 - 抗锯齿/平滑应用于我的字体.如何关闭它？谢谢.