问题标签 [font-smoothing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
756 浏览

web - 在 Brackets 1.1 中字体平滑不好的其他人吗?

所以我安装了Mactype,它可以在我的 Windows 设置中完美地呈现字体,但是自从我安装了最新版本的 Brackets v1.1 后,字体平滑/抗锯齿一直很糟糕。

这是版本 1.0 和 1.1 之间的比较。

v1.0

v1.0

v1.1

v1.1

我真的不确定为什么会这样,我尝试清除与括号相关的所有内容,~\Appdata\Roaming\Brackets\认为这可能与我安装的某些扩展发生冲突,但没有奏效,我猜这是最新的错误发布。

0 投票
3 回答
4891 浏览

css - 有没有办法在 Firefox 中平滑字体图标?

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

要查看它的外观,只需(使用 firefox)访问任何带有图标(如 font awesome)的网站,然后尝试将它们调整为 20 像素,看看它们变得多么模糊。

0 投票
1 回答
7611 浏览

css - 字体平滑 CSS - 但对于 Windows?

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

但它不适用于 Windows。有什么东西可以在 Windows 上以同样的方式工作吗?

0 投票
0 回答
482 浏览

google-chrome - 在 Chrome 上禁用 DirectWrite 会搞砸,但我需要

在 Chrome 上禁用 DirectWrite(通过 chrome://flags),会使许多网站显示不正确,有些则根本不显示。但是在页面转换的所有情况下,电梯都会变小,也就是说页面一下子变得非常高。

但是出于个人目的,我需要有目的地禁用 DirectWrite,我希望它允许我使用适用于 Windows的MacType字体平滑软件来平滑字体。启用它(DirectWrite),修复一切,但它不允许字体被我正在使用的软件平滑。

所以我需要一个中间解决方案,我想禁用 DirectWrite,但我希望网站能够正确显示并通过 MacType 平滑。请注意,此问题从一周左右开始出现,以前不存在。

Chrome 版本为:39.0.2171.95(官方构建)

0 投票
0 回答
78 浏览

html - will-change:不透明度,变换;在 CSS 中导致平滑文本

所以我在使用 MaterializeCSS 并意识到当在类中放置一个按钮时会"waves-effect"导致所有文本变得平滑并变得有点模糊。所以通过排除的过程,我发现will-change: opacity, transform;导致这种情况发生。

这就是区别:http: //imgur.com/a/3j1hm

任何人都知道如何或是什么导致这种效果发生?

谢谢。

0 投票
0 回答
1526 浏览

java - JavaFX:完全关闭场景抗锯齿(包括控制文本抗锯齿)

由于两者System.setProperty("prism.lcdtext", "false")System.setProperty("prism.lcdtext", "true")都不令人满意(前者看起来很柔和,而后者在字母边缘看起来是彩色的,即使文本颜色是黑色的;在我的 LCD 上,它看起来比这里报道的更丑: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)。

对比:离开Ubuntu; 对 JavaFX

0 投票
1 回答
3436 浏览

android - Android Studio 2.1 - 我想要字体抗锯齿/平滑

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

0 投票
1 回答
627 浏览

css - Windows 上粗糙的网站字体

我已经建立这个网站有一段时间了,但是我用于标题的字体在使用 Chrome 的 Windows 上看起来很粗糙,尽管它在 Mac 或使用 Edge 上看起来很完美:链接
我确实尝试了各种字体平滑属性但无济于事并使用文本-shadow 让它看起来很奇怪。还有什么我可以尝试的吗?

0 投票
0 回答
54 浏览

html - 悬停时文本平滑度发生变化

当我将框悬停时,白色文本会自动更改平滑度并自动修复它,不确定为什么要更改字体平滑度,这是链接

我尝试使用以下代码修复它,但根本没有效果:

0 投票
0 回答
180 浏览

browser - 浏览器和字体平滑

我在我拥有的所有浏览器(FF/Chrome/Safari/0pera)上使用 html2canvas 渲染“字体平滑”CSS 属性时遇到问题

但是拼命地解决这个问题,我最终想知道为什么我必须首先平滑文本,我注意到只有在深色背景上显示的字体会导致问题。

所以,我做了一个 JSFiddle 来做一些测试(见下面的链接)

如果您使用的是 Mac(我不了解 PC 的浏览器),您可以使用 jsFiddle 看到:

  • 白色背景上的黑色字体完全可以。
  • 无论出于何种原因,黑色背景上相同字体的白色版本现在更加大胆和混乱。
  • 只有当我对其应用 css“字体平滑”属性时,这才会得到解决。

css 没有任何变化,字体是绝对标准的。唯一改变的是对比度:深色背景和明亮的字体或相反。

因此,很明显,这不是与字体或技术阻塞问题有关的问题。它仅取决于背景和字体颜色。我原本以为是因为我喜欢的字体,但即使是标准的 webfonts 也会产生问题。因此,归根结底,这似乎只是一个对比问题。白底黑是可以的,黑底白就不行。

是否有任何(css)解决方法可以获得相同的结果,无论背景亮度/对比度或字体颜色如何,然后使用“字体平滑”作为非标准化修复?

对比的东西可能是一个已知问题,我不敢相信它没有标准的修复,或者至少,没有浏览器特定的 css 属性的解决方法。根据背景颜色应用css属性似乎很尴尬。

这是html:

这是CSS:

JSFiddle: https ://jsfiddle.net/Lzy4s4tw/3/

谢谢。