作者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/cn.aspx?n=bbs/Browsers/M.1399543239.A.B6E.html
※ 编辑: mayuyu (61.219.36.151), 05/08/2014 18:03:26