CSS (全名為 Cascading Style Sheets) 是一種為網頁之類的文件提供顯示方法的文件。CBReader 因為要重新開發,現有的版本基本上不會提供細節的功能與調整,因此 CBReader v0.5.0 版提供了自訂 CSS 的功能,讓使用者可以自行設計閱讀經文時想要呈現的樣貌。CSS 不會很難,只要稍為了解其格式,就很容易設計,有問題也歡迎在此討論。
首先,先建立一個空白檔案,檔名命名為 mycbreader.css,假設放在 c:\cbeta 目錄中。目錄與檔名皆可自行修改,但請勿與 CBReader 主要文件放在一起。
檔案內容如下,請使用純文字格式,在 /* ... */ 之間的文字是註解文字,讓大家了解各項目的用途。
/* 主要文件 */
body { font-size:16px; line-height:140%; }
/* 預先格式化文件, 即 <pre> 標記文件 */
.preformat {font-size:1em;}
/* 經號 */
.juannum {font-size:1em;}
/* 序 */
.xu {font-size:1em;}
/* 附文 */
.w {font-size:1em;}
/* 作譯者 */
.byline {font-size:1em;}
/* 偈頌 */
.lg {font-size:1em;}
/* 外文 */
.preformat .foreign {font-size:0.83em;}
/* 卷標題與一般標題 */
.juanname {font-size:1.2em;}
.headname {font-size:1.2em;}
.headname2 {font-size:1.2em;}
.headname3 {font-size:1.2em;}
.headname4 {font-size:1.2em;}
/* 行首編號 */
.linehead {font-size:16px;}
/* 段首編號 */
.parahead {font-size:0.85em;}
/* 漢譯南傳大藏經中的 pts 編號 */
.pts_head {font-size:0.85em;}
/* 小字註解 */
.note {font-size:0.85em;}
開啟 CBReader 2018 v0.5.0,按下左上角的「設定」。
在「畫面呈現」的項目中將「增加自訂 CSS 檔案」打勾,並且把剛剛建立的檔名填入,然後按下「確定」,就表示再來開啟的經文就有作用。也可以按下「儲存」,就會將此設定儲存起來。
設定文字大小
上面提供的 CSS 檔案並不是原始的設定,只是比較接近,因為原始的設定每一個項目都要調整,為了不想增加大家的難度,所以改成上面的樣子。
第一行 body 是表示最基本的文字,font-size 表示文字的大小,目前是設定 16px,您只要將此文字改大(或改小),儲存起來後,重新開啟 CBReader 的經文即可看到變化。
body { font-size:16px; line-height:140%; }
CBReader 程式不需要重新開啟,只要經文重新開啟即可,也可以使用上一卷或下一卷的功能來切換,就可以看到變化了。
至於 line-height:140% 是表示行距為文字大小的 140%,若希望看到寬鬆一點的排版,也可以將此數字調大。
其他設定是各種情況的文字,例如:
.lg {font-size:1em;}
lg 是表示偈頌,這裡的 1em 表示和基本文字一樣大。因此剛剛 body 不管你調多大,lg 也會同步變大。
又如 note:
.note {font-size:0.85em;}
note 是表示經文中小註的文字,所以這裡設定為 0.85em,表示為基本文字的 0.85 倍。
若對這些不滿意,也都可以各別調整。
設定顏色
除了文字大小,顏色也是常用的設定,文字與背景色如下:
文字顏色
color:#FF0000; (紅色文字)
背景色
background-color: #00FF00; (綠色背景)
網路上有不少網頁提供設定顏色的工具,例如
https://www.toolskk.com/color.php
在該網頁中找到如下圖中的色碼調色盤,選擇想要的顏色,就會列出色碼供您使用了。
再提供一個工具網頁:
同樣也是在網頁中挑選顏色即可,這一個工具提供更多資料了。
除了 #EFBF58 這種格式外,CSS 也可以使用 rgb(239, 191, 88) 這種格式來設定顏色。
設定字體
設定字體格式如下:
font-family: 細明體,標楷體;
上面的設定是表示優先使用細明體,若該字在細明體沒有提供,則使用標楷體,依此類推,由最前面的字體開始使用。
不過在此並不建議自訂字體,因此有些文字是採用較高的 Unicode 版本,一般的字體可能沒有提供,或是有些地方是使用悉曇或蘭札等梵文字體,若設定錯誤,可能會造成看不到或看到不正確的文字,因此若真要自行設定,請小心使用。
範例
這是一小段示範,大家也可以看到它的排版是可以調整的。
body {
font-size:30px;
color: #7e3d00
}
.lg {
font-size:35px;
color: #d40e1e;
background-color: rgb(244, 248, 189);
font-family: 微軟正黑體;
}
.juanname {
font-size:40px;
color: rgb(2, 2, 128);
font-family: 標楷體;
}
呈現效果如下:
最後再補充一點,有些圖表格式有漢字,也有外文,若文字大小沒有調整好,或是更換字體,就可能就會出現表格沒對齊的情況,這也是要注意的。
下圖就是很好的測試位置,在 CBReader 上直接前往 Y37n0035_p0322a08 即可看出您的設定有沒有問題。
评论
「主功能」和「目次」的設定
請問左側「主功能」和「目次」欄中字體是否能設定?我希望能把字體放大一些。
Re: 「主功能」和「目次」的設定
目前無法設定,印象中英文界面可以設定,主要是因為英文的字型有縮小,所以中文必須放大,我再查查有沒有什麼技巧可以處理。
Re: 「主功能」和「目次」的設定
找到一個技巧了,非英文界面也可以使用。
假設您的語系是選擇「繁體中文」。
首先,先找到這個目錄
c:\Users\<您的帳號>\AppData\Roaming\CBETA\CBReader2X\
在此目錄下,建立一個新的目錄
Language
如果已經有了,就不用再建。然後進入此目錄,這個目錄是用來放置個人的語系檔。
然後建立一個純文字檔,檔名必須是
zh-TW.ini
內容如下
[Info]
Language=繁體中文(台灣)
FontSize=12
HanFontSize=12
其中 FontSize 是程式界面的文字大小。
HanFontSize 則是一些漢字的文字大小,這些漢字是在英文界面下,依然為漢字的部份。
主要就是功能區的樹狀目錄及目次。
您可以修改那二個數字,以調整至您覺得適合的大小。修改後請重新執行 CBReader 即可。
macOS 下的設定方法?
十分感謝!
只是我用的是 macOS,査找到 /Users/asphodelos/.CBETA/CBReader2X/ 這個目錄,在其下建了 /Language/zh-TW.ini,及 en.ini 和 zh-CN.ini,根據指示分別設定了字體和字號,再打開軟體,發覺沒有用。
然後又在 /Users/asphodelos/Library/CBETA 中也做了同樣設定,還是沒有用。
不知是否能找到 macOS 下的設定方法。