E作者t7yang (t7: 我认为这是一种背叛)
看板Browsers
标题Re: [-Fx-] KillSerif Style 更新
时间Wed Mar 18 02:03:50 2015
注意:
已将维护更新工作转移至
https://userstyles.org/styles/111687
PASTEBIN 即日起停止任何的维护更新
来源:
http://t7yang.blogspot.tw/2014/07/killserif-style-update-2.html
3.3 主要是新增一些字型对应的问题,比较特别是的最近似乎还满流行一个针对中文字型
的 CSS 网路字型解决方法,但是因为我的浏览器上显示时似乎有点问题,所以索性把这
个部分也一起纳入处理,会持续接受使用者的回应,若有问题下一版就会改为注解:
1.新增:「楷体」字型对应
2.新增:「Microsoft YaHei UI」字型对应
3.新增:因 ccs.hanzi.co 的解决方案似乎在 Firefox 上的回退会有问题,
所以新增对其字型的处理
别忘了,有任何的问题,请记得回馈给我,感谢读者和所有的协作者。
最後附上网址:
http://pastebin.com/cTkZTBD1
说明:
本作因为受到网路上许多热心人士的协助,因此秉持回馈与分享的原则,授权方式非常自由,请参考原始码之最末注解。
姓名标示的部分可以改成标示原始出处连结(既上述连结)。
blog 都用 update 的方式发布,所以 RSS 不会通知,就在这里也发布一下好了。
之前有两个更新都没有在这里通知
最近(以前也有过)有人询问我关於 Chromium Based 的浏览器要如何使用
这套 Style。一开始开发的时候有直接套在 Opera 和 Chrome 上面,但似
乎没有效果。因为我没有在用 Chromuim Based 的浏览器,在这里询问一下
有在用 Chromium Based 浏览器的使用者是否知道要如何处理。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.113.73.123
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1426615435.A.7D2.html
1F:→ Wcw5504: 放到userstyles.org会不会好一些啊? 03/19 09:48
2F:→ t7yang: 以前有放过,可是系统不给发布,之後就没再试了 03/19 10:53
3F:→ coolhunter: 放到 GitHub Gist 也不错啊 03/19 12:09
4F:→ killua12703: sorce han sans我GC跟OP只有几个可以显示,ligh可以 03/20 13:38
5F:→ killua12703: regular,medium那些都不行 03/20 13:38
6F:→ t7yang: 今天刚刚尝试用US发布,居然成功了,所以把维护工作转移 03/20 15:50
7F:→ t7yang: US那里,这样大家更新也方便。 03/20 15:50
8F:推 mayuyu: 推~~。 我用chrome把开头的 @charset "UTF-8"; 03/20 17:12
10F:→ mayuyu: @-moz-document regexp("((?!chrome://|telnet://|ssh://) 03/20 17:13
11F:→ mayuyu: 这三行 和开头的 { 以及结尾的最後一个 } 03/20 17:13
12F:→ mayuyu: 删掉就可以替换了 03/20 17:13
13F:→ mayuyu: 排除PTTChrome的方式改成 stylish样式下方的 03/20 17:13
14F:→ mayuyu: 「应用到」选择「匹配正则的URL」里面填入 03/20 17:14
15F:→ mayuyu: https?://(?!(iamchucky\.github\.io/PttChrome)).* 03/20 17:14
目前测试的结果 Chromium Based 的浏览器效果都没有像 Firefox 那麽好
有些网页内的文字就是无法替换,Chrome 的开发工具又不太会用
16F:→ t7yang: 喔喔,感谢ma大。我整理一下,再发布一个给chromium based 03/20 18:26
17F:→ t7yang: 的版本。 03/20 18:26
18F:推 hohiyan: push~ 03/21 01:44
19F:推 hohiyan: 可否加入排除 Firefox pdf viewer 的规则? 03/21 02:12
用正规表示法应该可以做到,只是我正规的功力超级弱
另外就是这个问题目前还想不到可以完全排除的解决方法,因为有些 PDF
的网址结尾不是 PDF
※ 编辑: t7yang (140.113.73.123), 03/21/2015 05:22:51
20F:推 rwhung: 能设定"变数", 然後再由"变数"指定字型吗? 03/21 08:28
21F:推 mayuyu: 啊!我忘了一件很重要的事 刚刚在改flipboard网页版 03/21 16:53
22F:→ mayuyu: 的字型才注意到 我的chrome样式还有改一个地方 03/21 16:53
23F:→ mayuyu: 以前推文有提到 但是我自己也完全忘了 03/21 16:54
24F:→ mayuyu: chrome样式里的字型名称要写Font Family Name 03/21 16:54
25F:→ mayuyu: 不能写Full Font Name 否则会找不到字型 03/21 16:54
26F:→ mayuyu: 例如我用的明兰字型 在粗体那边的 03/21 16:54
27F:→ mayuyu: src: local("MingLan_Orz"); 要写为"MingLan_Orz" 03/21 16:55
28F:→ mayuyu: 不能像firefox一样写为 "MingLan_Orz_B" 03/21 16:55
29F:→ mayuyu: chrome会自动去找"MingLan_Orz_B"来显示粗体 03/21 16:55
30F:→ mayuyu: 所以"Microsoft JhengHei Bold"也要写为 03/21 16:55
31F:→ mayuyu: "Microsoft JhengHei"才可以正确替换 其他的字型依此类推 03/21 16:56
32F:推 mayuyu: 另外我还有改一个地方 我已经忘了这样有什麽作用 03/21 17:13
33F:→ mayuyu: 如果光修改上面的字型名称还是无法完全替换 03/21 17:13
34F:→ mayuyu: 也许还要再追加这个修改 03/21 17:13
35F:→ mayuyu: 我当时有将font-weight: 400;这一行都删除 03/21 17:13
36F:→ mayuyu: 然後font-weight: 700;那里改成font-weight: Bold; 03/21 17:14
37F:推 hohiyan: 试了mayuyu的方法,真的有效 03/22 10:24
38F:推 mayuyu: 可以用在GC上的话 标题的分类就可以选Fx以外的 03/22 15:41
39F:→ mayuyu: 让GC的使用者也进来看 这个样式真的好好用 03/22 15:41
40F:→ mayuyu: 还有我发现在1920x1080@24寸的萤幕上 03/22 15:42
41F:→ mayuyu: Fx使用text-shadow: 0 0 0.001em;渲染的效果很不明显 03/22 15:42
42F:→ mayuyu: 但是在GC上这个预设值的渲染效果就已经足够 03/22 15:42
43F:→ mayuyu: Fx上0.001em~0.020em都看不出渲染效果 03/22 15:42
44F:→ mayuyu: 要调整到0.021em才会一下子突然增强 但是效果又跳得太强 03/22 15:43
45F:→ mayuyu: 字体会变得很模糊 我想给Fx用的渲染样式 是不是可以用这个 03/22 15:43
46F:→ mayuyu: text-shadow: 0 0 0.5px rgba(0,0,0,0.5); 03/22 15:43
47F:→ mayuyu: 藉由控制rgba的alpha透明度 来微调阴影加粗加黑的效果 03/22 15:43
48F:→ mayuyu: 在1920x1080@24寸的萤幕上 二个都设0.5看起来会最接近 03/22 15:43
49F:→ mayuyu: GC使用text-shadow: 0 0 0.001em;的效果 03/22 15:44
50F:→ mayuyu: (在不同解析度和不同尺寸的萤幕上 所需的数值不一样) 03/22 15:44
51F:→ mayuyu: 所以分成二个预设值 for 1920x1080@24寸萤幕 03/22 15:44
52F:→ mayuyu: text-shadow: 0 0 0.001em;给GC用 03/22 15:44
53F:→ mayuyu: text-shadow: 0 0 0.5px rgba(0,0,0,0.5);给Fx用 03/22 15:44
54F:→ Wcw5504: unicode-range 设定有点异常 即使是英数字也会强制正黑 03/22 23:08
55F:→ t7yang: 那个range是直接拿人家的来用的其实,所以不是非常清楚。 03/22 23:21
56F:→ t7yang: 今天的时间几乎都花在这个样式上面,而且 US 还跳一堆错误 03/22 23:21
57F:→ t7yang: 出来,气得我半死 03/22 23:21
58F:→ Wcw5504: 我之前测试时 感觉上font-family如果设既有字型 所有字元 03/23 01:03
59F:→ Wcw5504: 都会被清掉的样子 得在前面另外加注一次才正常 03/23 01:04
60F:→ t7yang: 没看很懂 03/23 15:46