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

看板Browsers作者時間9年前 (2014/10/10 11:21), 9年前編輯推噓4(4011)
留言15則, 5人參與, 最新討論串2/4 (看更多)
那個字體的行高大於一,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

10/10 13:57, , 1F
方法1如果升級字型就得改一次不是很理想(個人習慣)
10/10 13:57, 1F

10/10 13:58, , 2F
方法2有點問題感覺上也不是很理想 而且也還得加裝addons
10/10 13:58, 2F

10/10 14:03, , 3F
沒很嚴重影響閱讀的話(像排版有問題) 個人比較偏向等待
10/10 14:03, 3F

10/10 14:04, , 4F
方法3 不過也不確定能靠bbsfox加選項來修正這個問題
10/10 14:04, 4F

10/10 17:18, , 5F
感謝你。
10/10 17:18, 5F
※ 編輯: raiechun (36.232.228.157), 10/10/2014 17:54:40

10/10 19:36, , 6F
感謝分享
10/10 19:36, 6F

10/10 19:37, , 7F
看圖感明蘭的字形有點放得太滿 字和字之間的距離靠得很近
10/10 19:37, 7F

10/10 19:38, , 8F
感覺有點擁擠 文字密集的段落閱讀起來壓力會比較大
10/10 19:38, 8F

10/10 19:38, , 9F
看起來可能源真用在BBS上會好一點 不過源真顯示ANSI圖
10/10 19:38, 9F

10/10 19:38, , 10F
的效果不知道怎麼樣?
10/10 19:38, 10F
※ 編輯: raiechun (36.232.228.157), 10/11/2014 16:54:32

10/11 17:29, , 11F
明蘭 Code 也可以有稀疏行距,我認為閱讀艱澀文章時應該
10/11 17:29, 11F

10/11 17:29, , 12F
使用大於二的行距。
10/11 17:29, 12F

10/11 17:33, , 13F
源真ゴシック顯示ANSI圖,有毛邊。
10/11 17:33, 13F

10/15 09:47, , 14F
請問該如何寫CSS自訂色彩與粗細呢?
10/15 09:47, 14F

10/15 20:21, , 15F
要用 CSS 自訂建議用 Firebug 觀察元素
10/15 20:21, 15F
文章代碼(AID): #1KDr2mJn (Browsers)
文章代碼(AID): #1KDr2mJn (Browsers)