作者mayuyu (‵・ω・′)
看板Browsers
標題Re: [-Fx-] 地圖效能不佳，BBSFOX字對不齊的問題
時間Thu May 8 18:00:35 2014
: → 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英數字都換掉 囧
不知道有沒有解決的方法？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.219.36.151
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Browsers/M.1399543239.A.B6E.html
※ 編輯: mayuyu (61.219.36.151), 05/08/2014 18:03:26