[-Fx-] Firefox 53.0.2 字型渲染

楼主: csid (csid)   2017-05-10 16:35:12
在52版,我有使用KillSerif Style强化字型显示,但是升到53版后,发现一些问题:
/* 文字阴影效果,开启后会有文字加粗的感觉,粗度建议范围 0.001~0.01em */
body {
text-shadow:....
}
这段失效,阴影效果怎么设定都不会出现,同时,如果将config内,
gfx.font_rendering.cleartype_params.rendering_mode设为5,
也就是Natural Symmetric反锯齿,页面卷动会变得较为lag,
将rendering_mode设为默认值或是取消文字阴影卷动就正常了。
这原本在52版不会如此的。
我本身使用Pcx版,为了厘清问题,所以在VM换成官版,用全新的设定档做测试,
还是一样,所以可以确定是53版本身的问题,不知道53版到底改了什么?
想请问有没有解决的办法?
还有一个问题,不知道什么原因,在53版全新安装Stylish,
无法新增或是网络安装任何的Style...
另外,我使用的OS是Windows 7 x64 SP1,显卡有支援D3D11。
作者: share8426 (share8426)   2017-05-10 21:29:00
53真的很可怕,我还是停在52.0.2就好了哦Lazarus不支援,IDM不稳定,字体怪异…一堆…之后还有个57,FX前途多难
作者: abramtw (世界原来是如此耀眼啊)   2017-05-11 08:29:00
Mactype在54beta版反而没问题
作者: mstar (Wayne Su)   2017-05-11 10:22:00
请爱用 ESR 版,目前是 52.1.1
作者: Wcw5504 (五月雨)   2017-05-11 11:13:00
53我觉得单用-webkit-text-stroke的效果会比用text-shadow的效果要好 后者在小字的状况下还蛮灾难的 挤成一团
作者: t7yang (t7: 我认为这是一种背叛)   2017-05-11 11:45:00
OK,之后会替换成text-stroke
作者: mayuyu ((・ω・)ノ)   2017-05-11 13:33:00
如果要用旧版 建议换成ESR频道 才能跟上安全性更新扩展不能使用的话 建议更换扩展 或者请求扩展作者更新浏览器有重大革新的时候总会有阵痛期GC废除NPAPI的时候也是有很重大的扩展不能继续使用然而GC现在还是活得好好的 没有因为扩展不能使用而消失原PO在网址列输入about:Support检查“图形”底下“合成”“Direct2D”“DirectWrite”这几个项目显示的状态 检查显示卡驱动程式是否相容检查GPU子程序有没有启用
作者: Kreen (每天要更優秀一點)   2017-05-11 20:47:00
我觉得是 Natural Symmetric 的锅,我有一台旧笔电调那个餐数以后就变 lag 了。
作者: mayuyu ((・ω・)ノ)   2017-05-11 21:18:00
字体渲染比较细的问题54版会修正Natural Symmetric的问题我没有遇到你用默认值(-1)也会发生问题吗?我这里用-1默认就是Natural Symmetric所以没有特别设置为5 在WIN10底下会有其他渲染模式所以建议不要更动用-1就好因为53版默认是启用GPU子程序的但是因为你关掉e10s 所以可能会有一些预期外的问题text-stroke的溢出 是指字体有毛边的现象吗?如果把字体调整大一点(在Fx字型设定里把最小字体调大)还会有毛边的现象吗?啊 溢出的问题 你是指字体会有分离的二重影像吗?
作者: Kreen (每天要更優秀一點)   2017-05-11 21:46:00
那一台笔电改回 -1 就好了,神奇~ 反而新的笔电改这参数也不会 lag= =
作者: mayuyu ((・ω・)ノ)   2017-05-11 22:08:00
分离的二重影像是DW的bug 请重新启动系统就会恢复正常text-stroke的优点是可以把字体加得非常粗而不会像text-shadow会变得模糊 字体可以保持非常锐利但是缺点就是选取文字的时候描边的颜色无法跟着反白可以试着调整反白的颜色让选取文字的时候看起来清楚一点例如::-moz-selection{background:#b3d4fd;color:#333;/*background:Highlight;color:HighlightText;*/}不过效果可能有限英文字型被使用GDI渲染的问题 调整下面的参数gfx.font_rendering.cleartype_params.force_gdi_classic_max_size默认好像是15 改成12以下试试?
作者: hohiyan (海洋)   2017-05-11 23:18:00
我用win10也是会有叠字的问题
作者: mayuyu ((・ω・)ノ)   2017-05-11 23:57:00
重开机也没办法解决就麻烦了 那是描边的时候没有对齐正确的位移造成的 这下子... 再重开机一次试试;;停用Direct2D 然后再开启试试看 about:configgfx.direct2d.disabled -> true在53下没开e10s也可能会发生问题 改用Fx52也会这样吗?嗯..你有装日版补丁的MacType吗?还有显示卡驱动也可能是原因之一 更新或者倒退回旧版有时候也可以解决问题最后再试试看Fx54beta版 Fx54有解决一些GPU渲染的bug不确定能不能帮助你修复这个问题我这里看你的网页渲染是正常的http://i.imgur.com/p4CfMCF.png我没有遇过二重叠影的问题 不过我知道有这个bug而重开机清掉字型的快取通常可以解决对了上面撷图所使用的样式-webkit-text-stroke-width: 0.1px;text-shadow: 0 0 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.01), 0 0 3px rgba(0,0,0,0.01) !important;我本身平常不用这个样式 因为有一点点模糊这个样式的优点是可以减少text-stroke造成的毛刺也许你可以再试试看1. 用上面说的方法 关掉D2D 看看渲染是否正确2. 关掉D2D之后 将gfx.font_rendering.directwrite.force-enabled强制设为true 看看渲染是否正确3. 开启D2D和DW的状态下 在CCS里加入transform: rotate(0.001deg);img {transform: rotate(0deg)!important;}看看有没有变化我担心上面的旋转角度太小了测不出来 改大一点好了transform: rotate(0.05deg);甚至再更大一点 总之让文字旋转一个角度尽量大一点 试试看这样渲染会不会突然恢复正常抱歉我用推文回复喔喔! 成功了! 那么就请继续保留这段旋转的样式w你可以测试更小的角度 譬如说-0.0000000001deg看能不能用更小的角度消除这个bug旋转极微小的角度 肉眼完全不会有感觉不会影响到阅读的请放心而大一点的角度 会让字体变得较平滑有些人是选择取消text-shadow和text-stroke只用比较大角度的rotate来平滑字型(不建议这样做)这个旋转同时会让Windows停用对字型的Grid-fitting使用DW的情况下 关闭Grid-fitting会取得较好的渲染效果所以旋转不但可以消除bug 对于字体渲染会更有帮助不过这段CSS的缺点是对整个网页都进行旋转(CSS里有锁住图片不旋转才没有造成图片模糊)可能会影响渲染的效能如果使用的是WIN7 而且防毒软件不是avast的话我建议安装MacType和MacType的日文补丁(不建议avast是因为avast会和MacType相冲突)http://silight.hatenablog.jp/entry/MacTypePatch安装MacType后按照说明替换补丁开启UserParams.ini设定档 修改ForceNoHinting = 1使用补丁的好处是补丁只针对DW渲染的字体作旋转而不用旋转整个网页 效率可能会比较好不过现在都用GPU加速 基本上应该是无感可能不会觉得效能有什么变化

Links booklink

Contact Us: admin [ a t ] ucptt.com