作者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/m.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