作者t7yang (t7: 我认为这是一种背叛)
看板Browsers
标题[-Fx-] MSJhengHei Style (UserStyle) 自订字型
时间Thu Jul 25 07:02:11 2013
凌晨时突然看到B大的回覆，刺激了了一下，想说不要那麽死脑筋
结果就给我是成功了，本篇就是利用 font-face 改 Firefox 中文字型
而且测试到目前为止几乎没有甚麽大问题，有修了一些问题
这个一并解决了几个问题：
1. 解决自订字型造成图示字型出错（借助 font-face 自订 unicode 范围）
2. 解决了之前简体网站一直无法正确自订字型的问题
3. 不会造成 Codecademy 的游标错位问题（安心学程设）
几点需要说明：
1. 仍需要到［选项］→［内容］把字型设定为微软正黑体
2. 此 User Style 目前只适用於 Firefox，可能不相容其他浏览器
3. Mac 的使用者应该也可以用的，正常来说会跳过微软正黑体
而选择 Heiti TC。
4. 拿掉了日文和英文的设定，因为无法使用 Sans-serif 和 Serif
的方式来设定，一一列举的方式太困难，尤其是英文的部分
范例比较图：
http://i.imgur.com/V4VmipM.png
原始码网址：
http://pastebin.com/cTkZTBD1
特别铭谢：
ettoolong
timshan
birdhackor
等一众给予协助板友们
有任何问题欢迎回报
来睡觉了，各位早安
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.73.123
1F：推 hohiyan:awesome!! 07/25 07:28
2F：→ timshan:恭喜!! 07/25 08:13
3F：推 art1:终於搞定罗 07/25 08:50
4F：→ Madevil:仍然不会按照 unicode-range 变化呀... 07/25 12:05
5F：→ t7yang:我没扩大测试其他unicode范围，所以不是很确定是否range的 07/25 13:37
6F：→ t7yang:效果有发挥，如果没有的话应该就是要针对字型强制转换 07/25 13:37
7F：→ t7yang:这部分遇到英文字型的时候就会很麻烦 07/25 13:38
8F：→ t7yang:不过unicode-range目前在FX有bug倒是真的，无法套用也算正 07/25 13:39
9F：→ t7yang:常，看MF甚麽时候要修罗 07/25 13:40
10F：推 Nexqachy:请问这档案要放哪?还是用油猴安装就好呢? 07/25 13:55
11F：→ t7yang:装 Stylish 然後自己新增样式，我有试过发表在UserStyle 07/25 14:13
12F：→ t7yang:可是系统说parse error不给我发。 07/25 14:14
13F：→ Wcw5504:像新细明体或雅黑应该就可以不用指定range了 反正会去设的 07/25 14:56
14F：→ Wcw5504:大都中文... 07/25 14:56
15F：→ t7yang:其实unicode-range无法发挥作用的话加不加都无所谓 07/25 17:00
16F：→ t7yang:等一下修改的原始码，把range拿掉好了 07/25 17:01
※ 编辑: t7yang 来自: 140.113.73.123 (07/25 17:32)
17F：推 kaoh08:大推! 字距变得比Op还好看 07/25 19:06
18F：推 typepeter:推 07/25 21:27
19F：→ typepeter:如果可以放上UserStyle的话,连手机都可以用 07/25 21:35
20F：→ t7yang:手机的话应该没有正黑体，所以替换的字型部分可能要换一下 07/25 21:40
21F：→ Wcw5504:A系统的话应该就是设Droid Sans Fallback 反正也只有它可 07/25 21:53
22F：→ Wcw5504:以去装Stylish 07/25 21:53
23F：→ t7yang:等等再修改一下，多加几个字型上去，方便不同系统的使用者 07/25 22:02
24F：→ SicInfit:Android 需要改字体吗？（或者说 Windows 以外的系统需要 07/25 23:03
25F：→ SicInfit:吗？） 07/25 23:03
26F：推 icypyh:推~ 07/25 23:07
27F：→ Wcw5504:手机基本上可以不用改啦... 内建的字型都是固定的 也没其 07/25 23:32
28F：→ Wcw5504:他的可以叫吧 07/25 23:32
29F：推 watertip:ㄟ 可以白话文说明怎麽装吗? 看起来好棒好想试~ please 07/26 10:25
30F：→ t7yang:推文中有写，安装在Stylish的新样式中或放在userChrome.css 07/26 14:24
31F：→ t7yang:我要发表在UserScript系统报错，不给我发，我也没办法 07/26 14:25
32F：→ t7yang:不然要做版本维护有点麻烦 07/26 14:25
释出 1.3 版，详见更新记录
※ 编辑: t7yang 来自: 140.113.73.123 (07/26 14:26)
33F：→ SicInfit:辛苦了，虽然基本上这在 Mac 是没啥用处... 07/26 15:13
34F：→ SicInfit:除非是有安装 Office 造成万恶的新细明体出现在系统中XD 07/26 15:15
35F：→ SicInfit:不然 Windows 以外的系统预设字体看起来都算是舒服的。 07/26 15:17
36F：→ t7yang:以後有试过在Ubuntu安装俪黑体，确实很好看，不过俪黑体 07/26 15:32
37F：→ t7yang:最大的确定就是不符合「国字标准字体」的规范，不然就完美 07/26 15:33
38F：→ t7yang:目前常见的字型除了标楷体外，好像就微软正黑体符合规范 07/26 15:33
39F：→ SicInfit:苹果都叫大陆公司做字体啊= = 不过俪黑也过时了就是 07/26 15:37
40F：→ SicInfit:现在的 Heiti TC 我觉得还可以，不过粗体的话 Hiragino 07/26 15:39
41F：→ SicInfit:比较好看。（当然都是在 Mac 上来说，毕竟同字体拿到不同 07/26 15:40
42F：→ SicInfit:系统上，还是会因为平滑方式、hinting、kerning 等因素造 07/26 15:41
43F：→ SicInfit:成呈现效果的差异。） 07/26 15:41
44F：→ t7yang:看你的过时定义是指甚麽罗，不然字型档也是可以释出更新的 07/26 15:50
45F：→ t7yang:如果他们真的重视台湾的使用者话，就应该释出符合国字标准 07/26 15:50
46F：→ t7yang:规范的中文字型。然後就是我自己其实蛮看重字型到底符不符 07/26 15:51
47F：→ t7yang:合国字标准字体的规范（对这方面有点「洁癖」） 07/26 15:51
48F：→ sb107912:那你可以试试这个 点"全字库正楷体/正宋体"到页面下载 07/26 16:00
50F：→ sb107912:ubuntu有套件:fonts-cns11643-sung/fonts-cns11643-kai 07/26 16:03
51F：→ t7yang:问题是楷体跟明体都不好看啊~~ XD 07/26 16:18
52F：→ t7yang:楷体太正式了，一般浏览器上的阅读还是习惯黑体或圆体 07/26 16:19
53F：→ SicInfit:Heiti TC 没记错是有改进过几次。我的过时是指 10.6 以後 07/26 16:43
54F：→ SicInfit:它就已经不再是中文的系统首选字型了。总之我是想说 Mac 07/26 16:44
55F：→ SicInfit:直接用内建的，应该还比替换成 LiHei Pro 再套用阴影好看 07/26 16:45
56F：→ SicInfit:，其它系统也不太需要。就是只有嫌弃 Windows 字体的意思 07/26 16:48
57F：→ SicInfit:罗XDD 07/26 16:49
58F：→ t7yang:啊 这样啊，请问目前MAC OS预设中文哪个，因为我不知道 07/26 17:03
59F：→ t7yang:所以设定为 LiHei Pro 07/26 17:03
60F：→ t7yang:不过你这样讲到是让我想到 text-shadow的属性应该要分开 07/26 17:04
61F：→ t7yang:不过如果MAC上没有我遇到这个问题的话，是否这个 Style 就 07/26 17:05
62F：→ t7yang:不需要考量 Mac 的使用者了 07/26 17:05
63F：→ SicInfit:正常来讲是不用，唯一就可能是像我前面所说的，装了 07/26 17:36
64F：→ SicInfit:Office 後也添加了丑丑的新细明体害某些网页可以去调用， 07/26 17:37
65F：→ SicInfit:否则 Mac 预设就是用黑体，字体平滑也比 Windows 好多了 07/26 17:38
66F：→ t7yang:所以现在MAC OS预设适用 HeiTi TC 这套字型 07/26 17:49
67F：→ sb107912:我是觉得mac user有另外的修改方法 07/26 19:01
69F：→ sb107912:字型好不好看 顺眼否 就因人而异了 XD 07/26 19:05
70F：→ t7yang:不错是不错啦，只是日文字型肯定不符合标准字体 XD 07/26 22:03
71F：→ Madevil:以前还没有附正黑体的时代我是用日文的 MS Gothic 来替代 07/27 01:05
72F：→ Madevil:新细明体, 大致上 Windows 本身懂得处理缺字问题 07/27 01:07
73F：→ sb107912:持续更新 字体支援多的 还有微软雅黑(Microsoft YaHei) 07/27 12:34
雅黑比正黑还差，字有高低不齐的问题，而且百分之百不符合国字标准字体规范
如果真的不喜欢替换雅黑的话，建议个别使用者自行修改
74F：→ Wcw5504:雅黑字形太粗了，感觉不太协调 大概只有放在标题勉强可看 07/27 13:08
75F：→ Wcw5504:在一般内文那种大小套用的话很糊 07/27 13:09
释出 1.4 修正标楷体对应错误的问题
※ 编辑: t7yang 来自: 140.113.73.123 (07/27 15:16)
76F：推 kaoh08:推! 不过要阴影的话还是交给mactype负责吧 07/27 15:23
77F：→ t7yang:我也有想过啦，那还是分开好了 XD 07/27 15:51
78F：→ t7yang:v1.5 已移除阴影效果。但是其实如果启用硬体加速的话 某些 07/27 16:55
79F：→ t7yang:显卡会使得 Mactype 没办法发挥作用，当初就是为了享受硬体 07/27 16:56
80F：→ t7yang:加速所带来的效益，才发现这点，因此才会用 CSS 加阴影效果 07/27 16:56
81F：推 timshan:其实我觉得阴影用CSS来写就好 Fx的字体渲染其实就够强了 07/27 18:35
82F：→ timshan:用MacType感觉很多余... 07/27 18:35
83F：推 typepeter:阴影交给CSS+1 现在这样写比较好 07/27 19:44
简单讲就是
众口难调，我自己是也有用 Mactype，只是 N 社的显卡开硬体加速 MT 就
无法在 Firefox 内发挥作用，因此才会又用 CSS 的方式来加阴影效果。
其实我也是觉得用 CSS 的方式比较好（比较「正规」，MT 比较像旁门左道 XDD）
因为不是每个人都喜欢安装一些会影响到作业系统的软体
同时也考虑到不是每个人都喜欢阴影效果，所以最後决定把阴影效果加回来
不过是以注解的方式，想要阴影效果的朋友们就把 /* */ 注解符号拿掉就好了
或是安装Firefox Strong Font Rendering (UserStyle)
不过我是很自信我调出来阴影参数比它调的好
v1.6
http://pastebin.com/cTkZTBD1 以注解的方式新增阴影效果，要阴影效果的话
请自行拿掉注解
※ 编辑: t7yang 来自: 140.113.73.123 (07/27 20:11)
84F：推 sb107912:雅黑在ubuntu下显示正常 在win7下模糊 我觉得是其他问题 07/28 14:29
85F：→ sb107912:我也不会解决 XD 07/28 14:29
86F：→ sb107912:我是觉得微软正黑的字体笔划的线太细了 07/28 14:31
正黑体确实太细，看起来很虚，不过在微软作业系统占大多数的现在，可以免费、符合
规范的中文字型真的很少。
87F：→ sb107912:符合"标准字体"又有在更新的 我想到信黑体 不过要很多$ 07/28 14:36
还真的没听过信黑体，不过稍微搜寻了一下，那位柯老师确实满令人佩服的
授权费确实很吓人，不过未来有钱的话可能会支持一下 XD
不过我觉得最让人佩服的是，信黑体的 weight 比起其他的中文字型多很多
88F：→ sb107912:没在更新的就华康中黑体 我只知道这些字体 XD 07/28 14:37
华康的字型算经济实惠，华康经典这麽多字型才卖三张小朋友左右而已
然後中黑体还有支援简体中文，这点算蛮好的
不过华康的字型缺点也蛮明显的，就是unicode字型太少，可能他们的产品线太多
每个都要支援到unicode会伤成本吧
89F：→ sb107912:华康中黑还有在更新的话 请纠正我一下 XD 07/28 14:48
90F：→ Wcw5504:中黑字太小的话会很糊 等宽特性用在BBS倒是很适合 07/28 16:14
我人的浅见是适合用来当浏览器的字型主要要符合：
- 起码支援简正体
- 符合标准字体规范
- 字的粗细不能太细或有锯齿、高低不平（像正黑体这种会多出空格的奇葩就少见了）
- 支援等宽
不过要找到这样的字型而且对多数人来说是可以免费使用的确实不容易 XD
※ 编辑: t7yang 来自: 140.113.73.123 (07/28 17:06)
91F：→ t7yang:中黑体的艹部其实不标准 XD 07/28 18:43
93F：→ t7yang:如果问题真的是这样就可以解决的话，那微软就真的很扯了 07/28 21:02
94F：→ t7yang:居然摆着这个问题一直不解决，还叫人家不要用是哪招 07/28 21:03
95F：推 candice0:请问t大如果本来就有用Mactype 需要把档案里面的正黑改成 08/01 20:48
96F：→ candice0:新细明体吗? 谢谢您XD 08/01 20:49
97F：→ t7yang:可以说明一下你为什麽你会这样问吗？ 08/01 22:11
98F：→ t7yang:MT跟用甚麽字型好像没差，还是你用 XP 没有正黑体 08/01 22:12
99F：推 rockmanx52:因为没人管吧? W8的新注音Bug到最後也是直接把新注音 08/04 16:30
100F：→ rockmanx52:完全拔掉.... 08/04 16:30
101F：推 black0604:排除似乎没有效？因为如果开启阴影但进了ptt 08/07 20:26
102F：→ black0604:还是会出现阴影 08/07 20:26
103F：推 black0604:应该ok了，用{}把後面的内容括起来就可以了 08/07 21:26