Re: [-Fx-] KillSerif Style 更新

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