|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 , p7 q8 c% w" L4 N+ [4 w; a
- J7 `, x- k3 ~) U& R: K# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例], S5 `& ?' z) D/ U. u1 W0 n
 + u' C. v3 b1 c" X- X% |+ ?2 p
刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。0 J9 ]& | \& j M9 ~, s
其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。
9 h! B G* m2 |1 P. z: G$ o: k! a! K
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html+ x; i8 F5 {2 x0 w
- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html, j6 _! t' A; d) ~4 L& J' r
: H2 {/ B, t3 w( e
看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。; X- Z p9 P5 w. V, X
注：点击图片可查看大图，更清晰。
# M0 a, `( \+ e- _8 ~ a) Y  5 V1 L4 c" U' Z9 ]1 n; r
% _; {6 A9 a, l; u) ^# m/ K& u
% J3 K2 u+ z/ X p2 [& V8 @' N, m" v3 `) J& F: ~2 s" B
## 文字版步骤：
v& c1 `+ i* |% d. r$ ~- @! O0 d6 G步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。
2 p5 _7 G5 {2 x" B4 d- A4 f9 t: _2 p4 _2 w/ w1 S8 @# G
1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
) d* ~- g. k$ u: q# K" s' v8 U7 l& `! ~ - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”
9 P$ A3 ^4 } I5 S, e; t“配置文件夹”就是 portable 文件夹。1 _! E) {. Z, J, n
+ o# \8 T& P2 U
2. 在“配置文件夹”下，新建两个 txt 文本文档：' W0 ]3 @2 F& z6 B
- 新建文本文档.txt) N* T2 |: g- |1 q0 R# F" ^
- 新建文本文档 - 副本.txt
- `3 ~6 }( i2 t r2 l0 q; |* ~# ~* W. {
Windows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。
4 d% Z J( Q" N8 c& W# K$ s
: z- X5 L% I: B `1 `3 h# _3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css ) U* R2 J' d6 M6 Y
一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。. G7 `3 ~5 ]3 X3 ]
4 }5 D9 a4 g) m4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
. {4 P# t7 q' T7 i% F& M/ Q( x% j% `* L$ j: B
- * {3 m! t0 ^/ V5 [/ `9 s
- font-family: Arial, "Microsoft Yahei"!important;& |4 r; ]1 v& c' m: Q
- }
2 O8 x1 F% }4 @% ^简单解释一下上面的 css 代码：& z8 M* u& K$ p0 {0 ], J
我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。
! F/ I* h: I/ d. d2 V6 S/ n" D:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。
6 l0 Q; ]9 y/ y! W: {:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。
* n/ ?' D4 _/ l/ ^:: https://baike.baidu.com/item/css%20important/5283065+ S; X( b+ \) A1 V: i5 e3 }
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
+ y, q# e/ s7 W, U$ _% ~
) ~* C" |$ e) ]# v6 K3 A5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！
% y1 ?& Q$ y& P3 X0 Y- L/ ~
) Y! m" c' b( k我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。. p3 U4 x, l9 N1 Q" w* A' C
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
, b4 c& g0 i7 m( i4 `- N4 z, G不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。
" v. g- M2 Q9 x8 ~$ o+ @4 K( D& l" ?& X, k( u% |% Y
6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？
( f z* f% ?0 [5 U6 {; Z3 P- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;7 o, ]. H& Z4 q) X
- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）
4 {: w" E" }' z0 u' {$ Y Q0 L. T) ^9 U( @# K0 {1 F1 h
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。
7 { t1 E8 q; A; w注：点击图片可查看大图，更清晰。
) g; t% K9 a6 H8 r& k- q  * h0 I, Y. G/ f. E. ]3 h$ S
! ?- A5 s& ^3 W4 [+ Q字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。
" Z3 O# X/ ]7 r) s. ]( w+ ]2 r* ?% Z
CSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。
9 U/ Z- S+ k9 S0 l5 R3 O; e; ^( L& u# F$ k4 X6 j* L) C
参考：( Y$ o3 Q0 e+ [5 q- `
- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html0 D& M1 L& X1 e
8 C5 |; R1 A i
9 S$ t0 W2 s+ N0 a- W T7 L5 ^/ e1 p8 S1 p- Z& c; k) W; x/ S) }# }
$ D, v' N7 u9 B% a
|
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
