: → mayuyu:例如github應該很多人都會用到
: → mayuyu:https://github.com/madeye/shadowsocks-libev
: → mayuyu:不勾選優先使用網頁指定字型的話 就會看到很多方塊
: → mayuyu:裡面有四個英數字的亂碼 http://i.imgur.com/SOTpE46.jpg
: → mayuyu:正常顯示應該是這樣 http://i.imgur.com/P5SC2tU.jpg
github這張圖讓我想起幾個問題,
第一個問題是t7yang大的樣式裡,body被註解掉以後,
用正則式排除BBSFox的頁面和firefox介面的
@-moz-document regexp("((?!chrome://|telnet://).)*")
這一行後面的東西需要用 { 和 } 包起來,
@-moz-document regexp("((?!chrome://|telnet://).)*") {
.........
.........
.........
}
stylish的下拉選單裡才會出現這個樣式的選項,
才可以直接從選單裡選擇啟用或停用。
第二個問題是
像github這張圖裡面的 shadowsocks-libev 這幾個字,
正常應該是粗體,用了指定樣式之後會變成標準字重。
好像另外指定粗體使用的字體就可以正常顯示了,
例如使用明蘭體的話追加下面黃色的這一段
@font-face {
font-family: "新細明體";
src: local("MingLan_Orz");
}
@font-face {
font-family: "新細明體";
src: local("MingLan_Orz_B");
font-weight: bold;
}
顯示結果
http://i.imgur.com/a3qO4eo.jpg
原本
http://i.imgur.com/P5SC2tU.jpg
第三個問題是
*{font-family: "MingLan_Orz" !important;}
Yahoo奇摩新聞的內文沒辦法顯示指定的字體,
*:not(i){font-family: "MingLan_Orz" !important;}
這樣則可以顯示。
如果這樣寫雖然比較簡短,
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://) {
*:not([class*="icon"]):not(i){font-family: "MingLan_Orz" !important;}
}
@-moz-document domain("github.com") {
.diffstat>span.diffstat-bar{font-family: "octicons" !important;}
}
但是會有等寬字體的排版間距和對齊的問題,版面可能會亂掉。
所以用@font-face可能還是最周全的方法,
可是firefox有一個缺陷,她仍然不支援unicode-range
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
所以樣式裡指定替換unicode-range的語法在火狐裡都沒有作用,
所以本來我們只是要換Arial裡的CJK中文的部分,
會變成整個Arial英數字都換掉 囧
不知道有沒有解決的方法?