Re: [-Fx-] 思源黑體(衍生版)+bbsfox的問題?

[raiechun ()]

那個字體的行高大於一，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://www.ptt.cc/bbs/Browsers/M.1412911280.A.4F1.html
推 Bellkna: 方法1如果升級字型就得改一次不是很理想(個人習慣)
→ Bellkna: 方法2有點問題感覺上也不是很理想 而且也還得加裝addons
→ Bellkna: 沒很嚴重影響閱讀的話(像排版有問題) 個人比較偏向等待
→ Bellkna: 方法3 不過也不確定能靠bbsfox加選項來修正這個問題
推 across24: 感謝你。
※ 編輯: raiechun (36.232.228.157), 10/10/2014 17:54:40
推 mayuyu: 感謝分享
→ mayuyu: 看圖感明蘭的字形有點放得太滿 字和字之間的距離靠得很近
→ mayuyu: 感覺有點擁擠 文字密集的段落閱讀起來壓力會比較大
→ mayuyu: 看起來可能源真用在BBS上會好一點 不過源真顯示ANSI圖
→ mayuyu: 的效果不知道怎麼樣？
※ 編輯: raiechun (36.232.228.157), 10/11/2014 16:54:32
→ raiechun: 明蘭 Code 也可以有稀疏行距，我認為閱讀艱澀文章時應該
→ raiechun: 使用大於二的行距。
→ raiechun: 源真ゴシック顯示ANSI圖，有毛邊。
推 ja881213: 請問該如何寫CSS自訂色彩與粗細呢？
→ raiechun: 要用 CSS 自訂建議用 Firebug 觀察元素