|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 C/ O. J' [9 W2 {
, \; e/ X- H: @& p6 G: a
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]0 S9 f, k! p* d$ P
0 I" p* U* ^5 T$ s( ~/ |刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。" t! s0 k/ |0 u- a
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
/ k9 z u q( S8 Q/ D- u' a" P( V
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html- }3 Y& D! K( b
- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html
3 q% h3 M3 R5 v4 f5 u! @" A
* t6 w' z" E" P$ T3 X5 x看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。8 z0 Z7 a. H4 F3 t. _9 ]( a
注:点击图片可查看大图,更清晰。
4 `; M7 Y2 e. J2 Y0 U3 z ( @3 K" n" a# t& K9 ?9 [
( g, N" j. T/ @
" ~; V& G8 M+ `3 f9 O4 }% b# a: x$ ?
## 文字版步骤:
C0 O+ k! r4 \+ h5 t步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。# ^0 a) l4 ?4 D( ~, L3 L0 q
% [0 W) {8 \4 }- J- C2 I N, r; `9 P! t1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:* a) N5 o3 Q5 z; V0 `! S# j& s
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
) {, U$ P6 a" d1 K7 F% M7 P+ n“配置文件夹”就是 portable 文件夹。
( h6 ]: \5 }: |1 K7 {' r8 s Q
: K9 M: m/ E; v1 v% ^1 k/ A" d) C6 E2. 在“配置文件夹”下,新建两个 txt 文本文档:4 B7 v' ^( Z' O, r4 @; X
- 新建文本文档.txt5 S' L! e$ F R+ y% w" v) ?
- 新建文本文档 - 副本.txt0 c. f. z v$ t/ q7 u
4 O" T' `* p' m8 z5 R: k9 ], GWindows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。
$ ~$ m8 {+ N }
. P5 \2 D3 l- K e3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
3 K9 L6 g- Z' U7 A4 |一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。: _8 [2 }7 R2 k6 W& }% o2 k
8 W5 k4 V: b6 G+ F5 c; C. x
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!
) ^( q- T& \+ ~& l
4 u1 j0 P2 C- e u- * {
' w# q. I j1 |" O - font-family: Arial, "Microsoft Yahei"!important;
# m. e! w2 L- H/ c - }
复制代码
$ i; Q4 A; T- F3 E# w o* N9 c" u! ?8 b! ]7 k9 L) W7 a" G
简单解释一下上面的 css 代码:
, f! w& a0 y" j" B- o; \我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。7 [$ n) e9 d( o% q$ V
:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。
- ^! s4 k* d8 X2 a% d:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。5 |7 o1 q4 Y. @) H) q
:: https://baike.baidu.com/item/css%20important/5283065
, b- i7 p8 \% G6 L+ m:: css !important 作用是提高指定 CSS 样式规则的应用优先权。/ ?2 V/ f: b8 p7 A/ f0 ~
* a" ]" v1 u$ `
5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!
8 g; O/ f4 w4 w8 B; N, v+ p) W, J) N. s9 g2 G6 _7 ?5 q$ n1 r- _
我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。
5 K7 M$ Q x; r不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。9 j) Y. Z/ E4 v+ W# p' P
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。6 Z6 I4 f, z: t) B8 d9 g8 {/ y
# j4 [ l$ Y- A+ I6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?' Q. m3 i5 H/ ? M4 P( X% k
- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);( ?7 J; [9 T' h) g4 m9 N1 K
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)
8 k+ b# B+ p* }% ?! L; X
, d2 [+ ] c! v$ q- _5 j大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。2 t( F: u8 A1 P
注:点击图片可查看大图,更清晰。6 ]0 W5 `8 b# o+ `" S, Z. Y: c
+ m. ^ \: [6 h6 h
+ Q9 H t* W& _+ N) q: b: U字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
2 \ }; v5 [, q7 X( r" g
% ^( v; k4 C7 Q3 N0 ~' c' r$ P2 Y+ f" ]CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。( ?- V+ l4 H7 [. @$ ^3 N, {
- E+ k' i) q) D ]0 r参考:
9 B7 |% I# N0 O- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html0 m! X' b' _. l" l" h. K
6 @7 X8 K0 F/ n# I5 h% m
' d4 U9 \$ A4 W. {3 X" j
0 q0 w$ K9 m' X' o. K$ }( l& { ?& {/ G! E9 Q7 k/ j
|
评分
-
8
查看全部评分
-
|