Browsers 板


LINE

> abc0922001: 抱歉我没讲好,我意思是如果用您chrome里备份的样式 > abc0922001: 似乎只会使用Regular,而不会用其他的,即使都安装了 奇怪,我这里显示是正常的说。 你有关闭Chrome/Cent的DirectWrite吗? 或者不是用Stylish载入的? 因为原PO是使用Chrome, 所以我提供的备份样式是给Chrome/Cent使用的。 因为Chrome的 Stylish + DirectWrite 要用Preferred Family才能载入字型, 所以样式里的字型的名称是Preferred Family Name。 思源黑体繁家族的Preferred Family Name是 "Noto Sans CJK TC" 後面不能加Regular、Bold,否则这个样式就会套用失败。 如果是 Firefox + Stylish + DirectWrite 样式就要反过来, 改用Font Family Name才能载入字型, 所以标准和粗体後面分别要加上Regular、Bold, 写成 "Noto Sans CJK TC Regular" 在Firefox上样式才会套用成功。 所以t7y大在userstyles上有设计给Chrome和Fx二种不同的选项。 更复杂的是,以上是在DirectWrite开启时才成立, 旧版的Chrome如果关闭DirectWrite,改走GDI, 反而要改写成Font Family Name才能载入字型。 如果没有更改设定,以新版的Chrome来说, 我提供的备份样式在WIN7上应该是正常的。 我注意到你的样式有加上Regular、Bold, 所以你的Chrome/Cent也许是关闭DirectWrite的? 另外t7y大的样式只有替换掉指定的字型, 而不是所有字型都替换,所以可以避免图示字型变乱码, 或者网页开发者设计的特殊字型效果被破坏的现象, 而如果网页没有指定字型,例如您的测试网页, 就会使用浏览器预设的字型来显示。 所以用t7y大的样式来看你的测试网页, 这个样式完全不会发生作用, 此时显示的是浏览器的预设字型。 而Chrome浏览器的字型设定,并不使用Preferred Family来分类, 而是使用传统的Family Name分类, 所以在套用思源黑体的时候就会发生问题。 思源黑体的各字重的Family Name都不同, 标准字重的Font Family Name是 "Noto Sans CJK TC Regular", 粗体字重的Font Family Name是 "Noto Sans CJK TC Bold", 所以思源黑体的每一个字重都会被Chrome当成是不同的字型, 在下拉选单列表里每一个字重都会独立出来显示, 不像微软正黑体,标准和粗体会合并显示为一个「微软正黑体」。 所以我们在Chrome的字型选单里, 只能选择思源黑体的一个字重做为字型, 例如只能选 "Noto Sans CJK TC Regular", 这样就无法调用到思源黑体提供的粗体字重, 遇到网页上的粗体,就会用Regular去加粗显示。 下面是我从你的测试网页里面,繁体中文的「经」这个字撷取的图形 1. 利用CSS正确调用思源黑体繁的粗体,显示出来的图形 http://i.imgur.com/rqlD5Ld.png
放大2000% http://i.imgur.com/msPXKOB.png
可以看到字体的边缘有蓝色或红色的阴影,这是成功使用次像素渲染的现象。 注意「经」右上角的「巛」和上下二横的距离,保持比较大的间距, 笔画没有连在一起,所以比较清晰容易辨识。 2. 用浏览器预设的Regular字型,没有正确调用到粗体, 直接加粗显示出来的图形 http://i.imgur.com/yUnwZVV.png
放大2000% http://i.imgur.com/vfYgj7a.png
可以看到字体的边缘没有红蓝色的次像素渲染,只有灰阶渲染, 最重要的是因为直接描边加粗,不像真正的粗体有合理的字形留白设计, 所以「经」右上角的「巛」和上下二横的间距变得非常的狭窄, 笔画变成连在一起,糊成一团,虽然看起来很黑, 但是变得更加难以辨识。 所以我猜想有一种可能,当你使用t7y大的样式来看测试网页时, 因为t7y大的样式其实没有作用,你看到的是浏览器的预设字型, 而浏览器的预设字型是思源的Regular, 所以会看到思源Regular直接加粗的结果, 可能因此误会觉得这个样式好像无法调用粗体? --
QR Code



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.219.36.31
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1494026025.A.551.html ※ 编辑: mayuyu (61.219.36.41), 05/06/2017 07:23:12
1F:推 abc0922001: 原来是这样,我是用Cent,但会用Chorme交替测试 05/06 13:39
2F:→ abc0922001: Cent关闭DirectWrite,但Chorme是开启的 05/06 13:40
3F:→ abc0922001: 所以会有您说的Preferred Family与Font Family Name 05/06 13:41
4F:→ abc0922001: 选取问题。我测试上有用t7y大跟自己写的*2 05/06 13:43
5F:→ abc0922001: 应该就是这样造成混乱,这麽一来我就清楚了!! 05/06 13:43
6F:→ abc0922001: 感谢麻友大大,祝您总选得第一 05/06 13:43
7F:推 t7yang: 浏览器预设字型的部分,其实我在killserif设定步骤1里面 05/06 15:21
8F:→ t7yang: 就有写要修改,只是多数人可能都会自动省略不看说明 05/06 15:22
9F:推 abc0922001: 我有看到要设定微软正黑XD 05/06 15:32
10F:推 olduck: 刚注意到新userstyles.org没给作者自订选项的功能的样子 05/06 17:21
11F:推 abc0922001: 对阿,因为改版了 05/06 17:29
12F:→ t7yang: 如果之後都不提供的话,就会考虑做成套件了 05/06 23:21
13F:推 scorpioz: 借串问个,现在chrome的stylish是不是只能使用regular字 05/06 23:44
14F:→ scorpioz: 体了?我之前用Noto Sans CJK TC Medium,结果某天突然 05/06 23:46
15F:→ scorpioz: 自行更改为Regular字体,现在其他字重都不能用了 05/06 23:46
16F:推 abc0922001: 这篇文章就有讲啦,因为改成不吃单一字体 05/07 11:03
17F:推 scorpioz: 谢谢,真麻烦 05/07 16:16
18F:推 randy123: 话说在chrome跟FX之中,要达到最美观的渲染效果,是开 05/08 00:30
19F:→ randy123: DW还是关比较好? 05/08 00:30
20F:推 Wcw5504: FX开DirectWrite没什麽影响 05/08 00:39
21F:→ abc0922001: 我有测试过,无奈木眼看不出来,而且我浏览器最大只 05/08 09:44
22F:→ abc0922001: 能放到300%还500%而已欸XD,2000%怎麽用的 05/08 09:44
23F:→ mayuyu: GC新版不能关DW 要用Cent才可以关 05/08 15:48
24F:→ mayuyu: 没有另外用MacType渲染的话 05/08 15:48
25F:→ mayuyu: 开DW渲染效果会比较好 尤其在WIN10上 05/08 15:48
26F:→ mayuyu: 2000% 是抓图下来用图像软体放大 05/08 15:48
27F:→ mayuyu: 注意放大算法要用"Nearest Neighbour" 05/08 15:48
28F:→ mayuyu: 才能正确的显示字形的像素 05/08 15:49
29F:推 abc0922001: 原来如此,谢谢麻友友大大,祝你新戏收视长红 05/08 18:56







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Boy-Girl站内搜寻

TOP