Browsers 板


LINE

注意: 已将维护更新工作转移至 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
9F:→ mayuyu: @namespace url(http://www.w3.org/1999/xhtml); 03/20 17:13
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







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灯, 水草

请输入看板名称,例如:BabyMother站内搜寻

TOP