[-Fx-] MSJhengHei Style (UserStyle) 自訂字型

看板Browsers作者 (t7: 我認為這是一種背叛)時間12年前 (2013/07/25 07:02), 編輯推噓16(16推 0噓 87→)
留言103則, 16人參與, 最新討論串1/1
凌晨時突然看到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
推
07/25 07:28, , 1F
awesome!!
07/25 07:28, 1F
→
07/25 08:13, , 2F
恭喜!!
07/25 08:13, 2F
推
07/25 08:50, , 3F
終於搞定囉
07/25 08:50, 3F
→
07/25 12:05, , 4F
仍然不會按照 unicode-range 變化呀...
07/25 12:05, 4F
→
07/25 13:37, , 5F
我沒擴大測試其他unicode範圍，所以不是很確定是否range的
07/25 13:37, 5F
→
07/25 13:37, , 6F
效果有發揮，如果沒有的話應該就是要針對字型強制轉換
07/25 13:37, 6F
→
07/25 13:38, , 7F
這部分遇到英文字型的時候就會很麻煩
07/25 13:38, 7F
→
07/25 13:39, , 8F
不過unicode-range目前在FX有bug倒是真的，無法套用也算正
07/25 13:39, 8F
→
07/25 13:40, , 9F
常，看MF甚麼時候要修囉
07/25 13:40, 9F
推
07/25 13:55, , 10F
請問這檔案要放哪?還是用油猴安裝就好呢?
07/25 13:55, 10F
→
07/25 14:13, , 11F
裝 Stylish 然後自己新增樣式，我有試過發表在UserStyle
07/25 14:13, 11F
→
07/25 14:14, , 12F
可是系統說parse error不給我發。
07/25 14:14, 12F
→
07/25 14:56, , 13F
像新細明體或雅黑應該就可以不用指定range了 反正會去設的
07/25 14:56, 13F
→
07/25 14:56, , 14F
大都中文...
07/25 14:56, 14F
→
07/25 17:00, , 15F
其實unicode-range無法發揮作用的話加不加都無所謂
07/25 17:00, 15F
→
07/25 17:01, , 16F
等一下修改的原始碼，把range拿掉好了
07/25 17:01, 16F
※ 編輯: t7yang 來自: 140.113.73.123 (07/25 17:32)
推
07/25 19:06, , 17F
大推! 字距變得比Op還好看
07/25 19:06, 17F
推
07/25 21:27, , 18F
推
07/25 21:27, 18F
→
07/25 21:35, , 19F
如果可以放上UserStyle的話,連手機都可以用
07/25 21:35, 19F
→
07/25 21:40, , 20F
手機的話應該沒有正黑體，所以替換的字型部分可能要換一下
07/25 21:40, 20F
→
07/25 21:53, , 21F
A系統的話應該就是設Droid Sans Fallback 反正也只有它可
07/25 21:53, 21F
→
07/25 21:53, , 22F
以去裝Stylish
07/25 21:53, 22F
→
07/25 22:02, , 23F
等等再修改一下，多加幾個字型上去，方便不同系統的使用者
07/25 22:02, 23F
→
07/25 23:03, , 24F
Android 需要改字體嗎？（或者說 Windows 以外的系統需要
07/25 23:03, 24F
→
07/25 23:03, , 25F
嗎？）
07/25 23:03, 25F
推
07/25 23:07, , 26F
推~
07/25 23:07, 26F
→
07/25 23:32, , 27F
手機基本上可以不用改啦... 內建的字型都是固定的 也沒其
07/25 23:32, 27F
→
07/25 23:32, , 28F
他的可以叫吧
07/25 23:32, 28F
推
07/26 10:25, , 29F
ㄟ 可以白話文說明怎麼裝嗎? 看起來好棒好想試~ please
07/26 10:25, 29F
→
07/26 14:24, , 30F
推文中有寫，安裝在Stylish的新樣式中或放在userChrome.css
07/26 14:24, 30F
→
07/26 14:25, , 31F
我要發表在UserScript系統報錯，不給我發，我也沒辦法
07/26 14:25, 31F
→
07/26 14:25, , 32F
不然要做版本維護有點麻煩
07/26 14:25, 32F
釋出 1.3 版，詳見更新記錄 ※ 編輯: t7yang 來自: 140.113.73.123 (07/26 14:26)
→
07/26 15:13, , 33F
辛苦了，雖然基本上這在 Mac 是沒啥用處...
07/26 15:13, 33F
→
07/26 15:15, , 34F
除非是有安裝 Office 造成萬惡的新細明體出現在系統中XD
07/26 15:15, 34F
→
07/26 15:17, , 35F
不然 Windows 以外的系統預設字體看起來都算是舒服的。
07/26 15:17, 35F
→
07/26 15:32, , 36F
以後有試過在Ubuntu安裝儷黑體，確實很好看，不過儷黑體
07/26 15:32, 36F
→
07/26 15:33, , 37F
最大的確定就是不符合「國字標準字體」的規範，不然就完美
07/26 15:33, 37F
還有 33 則推文
→
07/27 01:05, , 71F
以前還沒有附正黑體的時代我是用日文的 MS Gothic 來替代
07/27 01:05, 71F
→
07/27 01:07, , 72F
新細明體, 大致上 Windows 本身懂得處理缺字問題
07/27 01:07, 72F
→
07/27 12:34, , 73F
持續更新 字體支援多的 還有微軟雅黑(Microsoft YaHei)
07/27 12:34, 73F
雅黑比正黑還差，字有高低不齊的問題，而且百分之百不符合國字標準字體規範 如果真的不喜歡替換雅黑的話，建議個別使用者自行修改
→
07/27 13:08, , 74F
雅黑字形太粗了，感覺不太協調 大概只有放在標題勉強可看
07/27 13:08, 74F
→
07/27 13:09, , 75F
在一般內文那種大小套用的話很糊
07/27 13:09, 75F
釋出 1.4 修正標楷體對應錯誤的問題 ※ 編輯: t7yang 來自: 140.113.73.123 (07/27 15:16)
推
07/27 15:23, , 76F
推! 不過要陰影的話還是交給mactype負責吧
07/27 15:23, 76F
→
07/27 15:51, , 77F
我也有想過啦，那還是分開好了 XD
07/27 15:51, 77F
→
07/27 16:55, , 78F
v1.5 已移除陰影效果。但是其實如果啟用硬體加速的話 某些
07/27 16:55, 78F
→
07/27 16:56, , 79F
顯卡會使得 Mactype 沒辦法發揮作用，當初就是為了享受硬體
07/27 16:56, 79F
→
07/27 16:56, , 80F
加速所帶來的效益，才發現這點，因此才會用 CSS 加陰影效果
07/27 16:56, 80F
推
07/27 18:35, , 81F
其實我覺得陰影用CSS來寫就好 Fx的字體渲染其實就夠強了
07/27 18:35, 81F
→
07/27 18:35, , 82F
用MacType感覺很多餘...
07/27 18:35, 82F
推
07/27 19:44, , 83F
陰影交給CSS+1 現在這樣寫比較好
07/27 19:44, 83F
簡單講就是眾口難調，我自己是也有用 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)
推
07/28 14:29, , 84F
雅黑在ubuntu下顯示正常 在win7下模糊 我覺得是其他問題
07/28 14:29, 84F
→
07/28 14:29, , 85F
我也不會解決 XD
07/28 14:29, 85F
→
07/28 14:31, , 86F
我是覺得微軟正黑的字體筆劃的線太細了
07/28 14:31, 86F
正黑體確實太細，看起來很虛，不過在微軟作業系統佔大多數的現在，可以免費、符合 規範的中文字型真的很少。
→
07/28 14:36, , 87F
符合"標準字體"又有在更新的 我想到信黑體 不過要很多$
07/28 14:36, 87F
還真的沒聽過信黑體，不過稍微搜尋了一下，那位柯老師確實滿令人佩服的 授權費確實很嚇人，不過未來有錢的話可能會支持一下 XD 不過我覺得最讓人佩服的是，信黑體的 weight 比起其他的中文字型多很多
→
07/28 14:37, , 88F
沒在更新的就華康中黑體 我只知道這些字體 XD
07/28 14:37, 88F
華康的字型算經濟實惠，華康經典這麼多字型才賣三張小朋友左右而已 然後中黑體還有支援簡體中文，這點算蠻好的 不過華康的字型缺點也蠻明顯的，就是unicode字型太少，可能他們的產品線太多 每個都要支援到unicode會傷成本吧
→
07/28 14:48, , 89F
華康中黑還有在更新的話 請糾正我一下 XD
07/28 14:48, 89F
→
07/28 16:14, , 90F
中黑字太小的話會很糊 等寬特性用在BBS倒是很適合
07/28 16:14, 90F
我人的淺見是適合用來當瀏覽器的字型主要要符合： - 起碼支援簡正體 - 符合標準字體規範 - 字的粗細不能太細或有鋸齒、高低不平（像正黑體這種會多出空格的奇葩就少見了） - 支援等寬 不過要找到這樣的字型而且對多數人來說是可以免費使用的確實不容易 XD ※ 編輯: t7yang 來自: 140.113.73.123 (07/28 17:06)
→
07/28 18:43, , 91F
中黑體的艸部其實不標準 XD
07/28 18:43, 91F
推
07/28 19:26, , 92F
正黑的空白是有人提供修法 http://ppt.cc/Nhto
07/28 19:26, 92F
→
07/28 21:02, , 93F
如果問題真的是這樣就可以解決的話，那微軟就真的很扯了
07/28 21:02, 93F
→
07/28 21:03, , 94F
居然擺著這個問題一直不解決，還叫人家不要用是哪招
07/28 21:03, 94F
推
08/01 20:48, , 95F
請問t大如果本來就有用Mactype 需要把檔案裡面的正黑改成
08/01 20:48, 95F
→
08/01 20:49, , 96F
新細明體嗎? 謝謝您XD
08/01 20:49, 96F
→
08/01 22:11, , 97F
可以說明一下你為什麼你會這樣問嗎？
08/01 22:11, 97F
→
08/01 22:12, , 98F
MT跟用甚麼字型好像沒差，還是你用 XP 沒有正黑體
08/01 22:12, 98F
推
08/04 16:30, , 99F
因為沒人管吧? W8的新注音Bug到最後也是直接把新注音
08/04 16:30, 99F
→
08/04 16:30, , 100F
完全拔掉....
08/04 16:30, 100F
推
08/07 20:26, , 101F
排除似乎沒有效？因為如果開啟陰影但進了ptt
08/07 20:26, 101F
→
08/07 20:26, , 102F
還是會出現陰影
08/07 20:26, 102F
推
08/07 21:26, , 103F
應該ok了，用{}把後面的內容括起來就可以了
08/07 21:26, 103F
‣ 更多 t7yang 的文章
文章代碼(AID): #1Hy5ptwx (Browsers)