|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 7 R+ d) s' v, B- Q
6 s, S3 o F* K8 q# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]# F( y$ t. S+ L5 R4 U: R
 2 q6 p) x4 \) B
刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。+ T& Y7 g+ {+ E. z: m
其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。
+ g- |1 d2 |$ X: C+ r& i! B5 g8 E {( h | l
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html- Y- J1 g5 T$ a# G/ X; h
- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html2 x9 d+ q, o2 T1 ~7 {9 ]
8 l: l& \& v- N$ i% |/ ]看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。# A$ f) T/ c4 K6 S6 l' {
注：点击图片可查看大图，更清晰。; U7 W+ ?5 J& } F
1 N" t, `% A- Z g; h, W& m$ O. j" H6 q" X6 p
5 @* s: {0 j1 P0 k6 Q5 \& `
3 K% C# ~) Z0 s" H* b+ v## 文字版步骤：* T% z* S& p2 d
步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。
* v% C ~/ O. T
' J X( d& k7 \6 e) e3 n1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
5 e* M7 z8 K- |& j4 `( ~9 } - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”* I: n4 y. @6 w! j6 Z
“配置文件夹”就是 portable 文件夹。$ l' r& \* n6 E" z5 ^8 G$ U* J
+ h4 v+ j2 M% j9 j7 O% d2 b- w2. 在“配置文件夹”下，新建两个 txt 文本文档：
~: w6 Y9 z7 \! \! h- 新建文本文档.txt$ n8 e3 I/ Q7 r8 X3 S# h$ Q! R3 o
- 新建文本文档 - 副本.txt% ~8 p3 }8 Y6 M. F5 G' {' T. M* {
V$ H/ p$ u* A6 A8 D1 l
Windows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。+ g% E# T) n7 y! |$ L
" G. k N3 K% Q4 [, ^% `/ G3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
6 _; p4 Y9 h: [6 ]9 h4 e一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。: g% q0 O, o7 z M! c+ h
( G) c N" O% ?2 T4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
: G5 V5 B! S$ }# n$ t3 s- q0 ?& z8 F3 \$ |+ J3 J; |( ^! J. z* [: q
- * {+ `0 f" o& E8 _$ U; k! k/ f% r
- font-family: Arial, "Microsoft Yahei"!important;
& v! E3 A" ?! ^* E r - }
* R( m5 s( @7 y+ x5 Z: {2 T简单解释一下上面的 css 代码：
. S) |- W, m6 J我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。
/ C C" i7 B m3 \1 ~ U! c:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。
" u; [1 I3 A. Y X6 ?% x2 A% S$ O:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。- x: y" s) g8 H0 g$ h
:: https://baike.baidu.com/item/css%20important/52830654 _$ A7 X2 J* f
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。4 r: |( A* V8 C9 ?
" N7 @0 \& W* _" s: h5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！% i7 I" Q3 B7 ~3 O7 Y2 Q! b' w& ~
0 V# A, Q N' J" }
我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。
+ `& y) K8 x, E: | |! o/ j不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
' W4 v8 g' U! | X. q- U不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。4 C( k$ {$ n, t3 m
/ Q9 D: j2 H$ W3 g- ?" [% k/ K6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？7 ~: R9 t4 z& o: y: y4 V
- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;/ ?7 O5 w# ^3 g, I. |0 f5 v
- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）* I* ~/ R5 V8 C% Z" v
& G* ^4 N4 R/ _& _
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。/ B, E. b" R0 A9 t2 s/ e$ c
注：点击图片可查看大图，更清晰。
& p: b. N( _! Z$ Z0 J; b. u  v1 u6 l* g* M
/ N8 J! ?8 [3 f2 l0 d字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。2 b- T! s h* P: Q* S! c% M8 Q
' I4 w8 q6 h% n8 l A' K
CSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。4 r9 }' p" h+ w" U3 \
$ v# b) [" D" V% m4 q1 X参考：
0 p" W; K3 K) I' i( j- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html7 U* M: m; @# G. T
" @, F' T" s) }3 K3 Z& }% P: z8 z6 b8 u: q, C2 o- W
i- E X3 b, L
6 T+ `5 \! D( Y+ ]* Y
|
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
