Re: [-Fx-] KillSerif Style 更新

注意：
已將維護更新工作轉移至 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://www.ptt.cc/bbs/Browsers/M.1426615435.A.7D2.html
→ Wcw5504: 放到userstyles.org會不會好一些啊?
→ t7yang: 以前有放過，可是系統不給發布，之後就沒再試了
→ coolhunter: 放到 GitHub Gist 也不錯啊
→ killua12703: sorce han sans我GC跟OP只有幾個可以顯示，ligh可以
→ killua12703: regular,medium那些都不行
→ t7yang: 今天剛剛嘗試用US發布，居然成功了，所以把維護工作轉移
→ t7yang: US那裡，這樣大家更新也方便。
推 mayuyu: 推～～。 我用chrome把開頭的 @charset "UTF-8";
→ mayuyu: @namespace url(http://www.w3.org/1999/xhtml);
→ mayuyu: @-moz-document regexp("((?!chrome://|telnet://|ssh://)
→ mayuyu: 這三行 和開頭的 { 以及結尾的最後一個 }
→ mayuyu: 刪掉就可以替換了
→ mayuyu: 排除PTTChrome的方式改成 stylish樣式下方的
→ mayuyu: 「應用到」選擇「匹配正則的URL」裡面填入
→ mayuyu: https?://(?!(iamchucky\.github\.io/PttChrome)).*
        目前測試的結果 Chromium Based 的瀏覽器效果都沒有像 Firefox 那麼好
        有些網頁內的文字就是無法替換，Chrome 的開發工具又不太會用
→ t7yang: 喔喔，感謝ma大。我整理一下，再發布一個給chromium based
→ t7yang: 的版本。
推 hohiyan: push~
推 hohiyan: 可否加入排除 Firefox pdf viewer 的規則？
        用正規表示法應該可以做到，只是我正規的功力超級弱
        另外就是這個問題目前還想不到可以完全排除的解決方法，因為有些 PDF
        的網址結尾不是 PDF
※ 編輯: t7yang (140.113.73.123), 03/21/2015 05:22:51
推 rwhung: 能設定"變數", 然後再由"變數"指定字型嗎?
推 mayuyu: 啊！我忘了一件很重要的事 剛剛在改flipboard網頁版
→ mayuyu: 的字型才注意到 我的chrome樣式還有改一個地方
→ mayuyu: 以前推文有提到 但是我自己也完全忘了
→ mayuyu: chrome樣式裡的字型名稱要寫Font Family Name
→ mayuyu: 不能寫Full Font Name 否則會找不到字型
→ mayuyu: 例如我用的明蘭字型 在粗體那邊的
→ mayuyu: src: local("MingLan_Orz"); 要寫為"MingLan_Orz"
→ mayuyu: 不能像firefox一樣寫為 "MingLan_Orz_B"
→ mayuyu: chrome會自動去找"MingLan_Orz_B"來顯示粗體
→ mayuyu: 所以"Microsoft JhengHei Bold"也要寫為
→ mayuyu: "Microsoft JhengHei"才可以正確替換 其他的字型依此類推
推 mayuyu: 另外我還有改一個地方 我已經忘了這樣有什麼作用
→ mayuyu: 如果光修改上面的字型名稱還是無法完全替換
→ mayuyu: 也許還要再追加這個修改
→ mayuyu: 我當時有將font-weight: 400;這一行都刪除
→ mayuyu: 然後font-weight: 700;那裡改成font-weight: Bold;
推 hohiyan: 試了mayuyu的方法，真的有效
推 mayuyu: 可以用在GC上的話 標題的分類就可以選Fx以外的
→ mayuyu: 讓GC的使用者也進來看 這個樣式真的好好用
→ mayuyu: 還有我發現在1920x1080@24吋的螢幕上
→ mayuyu: Fx使用text-shadow: 0 0 0.001em;渲染的效果很不明顯
→ mayuyu: 但是在GC上這個預設值的渲染效果就已經足夠
→ mayuyu: Fx上0.001em～0.020em都看不出渲染效果
→ mayuyu: 要調整到0.021em才會一下子突然增強 但是效果又跳得太強
→ mayuyu: 字體會變得很模糊 我想給Fx用的渲染樣式 是不是可以用這個
→ mayuyu: text-shadow: 0 0 0.5px rgba(0,0,0,0.5);
→ mayuyu: 藉由控制rgba的alpha透明度 來微調陰影加粗加黑的效果
→ mayuyu: 在1920x1080@24吋的螢幕上 二個都設0.5看起來會最接近
→ mayuyu: GC使用text-shadow: 0 0 0.001em;的效果
→ mayuyu: (在不同解析度和不同尺寸的螢幕上 所需的數值不一樣)
→ mayuyu: 所以分成二個預設值 for 1920x1080@24吋螢幕
→ mayuyu: text-shadow: 0 0 0.001em;給GC用
→ mayuyu: text-shadow: 0 0 0.5px rgba(0,0,0,0.5);給Fx用
→ Wcw5504: unicode-range 設定有點異常 即使是英數字也會強制正黑
→ t7yang: 那個range是直接拿人家的來用的其實，所以不是非常清楚。
→ t7yang: 今天的時間幾乎都花在這個樣式上面，而且 US 還跳一堆錯誤
→ t7yang: 出來，氣得我半死
→ Wcw5504: 我之前測試時 感覺上font-family如果設既有字型 所有字元
→ Wcw5504: 都會被清掉的樣子 得在前面另外加註一次才正常
→ t7yang: 沒看很懂