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/m.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