作者raiechun ()
看板Browsers
标题Re: [-Fx-] 思源黑体(衍生版)+bbsfox的问题?
时间Fri Oct 10 11:21:17 2014
那个字体的行高大於一,BBSFox 排版时会用行高1.0覆写,
若在排版时用小於字体的行高覆写的话,
有背景色的多行文字超出指定行高的部分会覆盖上一行。
我的解决办法一,改造字体。
修改行高为一并且把超出行高的部分变形挤压进去,
例如字元 g j p q y。
我用的软体是 FontForge。
办法二,改变排版的行高并且固定画面尺寸。
安装 Stylish 後加入这个 CSS,
-- CSS 开始 --
/* Telnet BBSFox */
@-moz-document regexp("telnet://.*") {
.main {line-height: 1.25 !important;}}
-- CSS 结束 --
BBSFox 里面设定字体大小调整方式为固定画面大小,
高度 = 自订的高度 / 自订的行高 / DPI * 96,
宽度 = 高度 * 5 / 3。
自订的行高 = CSS 内「line-height」指定的数值。
若是画面超出萤幕时先尝试调整高度之後再调整行高。
办法二增大了行高适合阅读,但是用滑鼠点击选择文章时不正常,
编辑文章时游标位置不正常。
办法三请求 BBSFox 作者增加一个自订行高的选项设定。
图1 字体是 明兰 Code,行高、拉丁字元、中日韩字元都有修改。
http://imgur.com/UEQKfdb
图2 字体是 明兰 Code,行高、拉丁字元、中日韩字元都有修改,
并且用 CSS 自订色彩与粗细。
http://imgur.com/wrgiFED
图3 字体是 源真ゴシック,字体本身的行高大於一而且没自订行高,
导致下行覆盖上行。
http://imgur.com/RxptCdJ
图4 字体是 源真ゴシック,用 CSS 自订行高为 1.25。
http://imgur.com/FAx8Mf9
图5 字体是 源真ゴシック,用 CSS 自订行高为 1.25,
并且用 CSS 自订色彩与粗细。
http://imgur.com/E3lR1oq
图6 字体是 源真ゴシック,用 CSS 自订行高为 1.5,
并且用 CSS 自订色彩与粗细。
http://imgur.com/PkQhAP4
图7 字体是 明兰 Code,行高、拉丁字元、中日韩字元都有修改,
用 CSS 自订行高为 1.25 并且用 CSS 自订色彩与粗细。
http://imgur.com/pqVzJLb
图8 字体是 明兰 Code,行高、拉丁字元、中日韩字元都有修改,
用 CSS 自订行高为 1.5 并且用 CSS 自订色彩与粗细。
http://imgur.com/x48ZJN2
图9 字体是 明兰 Code,行高、拉丁字元、中日韩字元都有修改,
用 CSS 自订行高为 2 并且用 CSS 自订色彩与粗细。
http://imgur.com/ehFjvuR
图10 字体是 源真ゴシック,用 CSS 自订行高为 2 并且用 CSS 自订色彩与粗细。
http://imgur.com/cv23beJ
--
※ 引述《across24 (across24)》之铭言:
思源黑体本来并没有等寛字型,所以本来并没有在bbsfox的选项采用,
後来日本有衍生版,自家制フォント工房
有推出等寛的版本,源真ゴシック和源柔ゴシック,
可谓为思源真黑体和思源柔黑体。
http://jikasei.me/font/genjyuu/
就试用於Firefox 32.0 + bbsfox 3.0.36
bbsfox字型指定 思源柔黑 等幅 light
http://imgur.com/PuHSPcM
能正常显示,但上方和中间有部分的一整个字句高度会上挪,
导致有的一整句的下方会被遮住
http://imgur.com/JZQP3jC
Firefox字体选项设定
http://imgur.com/MErdOxZ
请问版友,如果要修正高度上挪,不整齐的情形要如何调整?
先对阅文者加以致谢。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.232.228.157
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Browsers/M.1412911280.A.4F1.html
1F:推 Bellkna: 方法1如果升级字型就得改一次不是很理想(个人习惯) 10/10 13:57
2F:→ Bellkna: 方法2有点问题感觉上也不是很理想 而且也还得加装addons 10/10 13:58
3F:→ Bellkna: 没很严重影响阅读的话(像排版有问题) 个人比较偏向等待 10/10 14:03
4F:→ Bellkna: 方法3 不过也不确定能靠bbsfox加选项来修正这个问题 10/10 14:04
5F:推 across24: 感谢你。 10/10 17:18
※ 编辑: raiechun (36.232.228.157), 10/10/2014 17:54:40
6F:推 mayuyu: 感谢分享 10/10 19:36
7F:→ mayuyu: 看图感明兰的字形有点放得太满 字和字之间的距离靠得很近 10/10 19:37
8F:→ mayuyu: 感觉有点拥挤 文字密集的段落阅读起来压力会比较大 10/10 19:38
9F:→ mayuyu: 看起来可能源真用在BBS上会好一点 不过源真显示ANSI图 10/10 19:38
10F:→ mayuyu: 的效果不知道怎麽样? 10/10 19:38
※ 编辑: raiechun (36.232.228.157), 10/11/2014 16:54:32
11F:→ raiechun: 明兰 Code 也可以有稀疏行距,我认为阅读艰涩文章时应该 10/11 17:29
12F:→ raiechun: 使用大於二的行距。 10/11 17:29
13F:→ raiechun: 源真ゴシック显示ANSI图,有毛边。 10/11 17:33
14F:推 ja881213: 请问该如何写CSS自订色彩与粗细呢? 10/15 09:47
15F:→ raiechun: 要用 CSS 自订建议用 Firebug 观察元素 10/15 20:21