|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑
8 d7 o* C; w7 b1 j7 o) t! Z
4 y! z+ f& C8 }+ y# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]
) t) u, U9 D7 Z {# J G
8 B% U) x, I1 P刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。
2 e! d/ x. ?4 g0 ?其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。
) X/ d* ]& {8 `. q1 B5 d* {+ B6 D# s: |. S3 F
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html }1 o5 n2 [" R
- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html
, p8 w0 l% \) O/ }- D' B4 Q. S0 ^9 c' a% O! y6 V% b
看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
% |- E* }( G8 E9 g# }" g注：点击图片可查看大图，更清晰。
, X) X; H" b; p7 F  ! Y7 W+ D% C8 C
& h& S) I: H, o+ ^: O# d
' \9 k& o6 k1 t
- ]' [* |! F3 i( j2 E. r## 文字版步骤：8 W, |- P6 e( S. S7 o
步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。
' ~3 U$ T- b6 Q" v( |5 S8 c- _' \4 Z( r2 W: [' g
1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
' K8 _: Y; u* _# D. `' ? - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”
7 O. z: n. x/ x- Q. S9 a) ~) R4 N“配置文件夹”就是 portable 文件夹。
, |/ o, M* r, V& V2 \4 A
1 J ?5 G9 f7 O; Q, e1 e* J7 n4 ^2. 在“配置文件夹”下，新建两个 txt 文本文档：. S) e* z7 M, n
- 新建文本文档.txt
) x$ `; _3 M( M9 Q, V- 新建文本文档 - 副本.txt1 K6 E5 @- f; A# _9 b1 K; Y- @
4 Y' w+ R0 E4 M' E0 R9 q
Windows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。# d+ j3 w) \, e
, B; m- {+ _$ I4 k, l h3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css 5 J4 c/ @" T9 U1 {
一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。
) Q- g# F3 o" n
; \/ s: j+ k) a! ^ b+ Q% N& y4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
. a5 U) `' g. \% g( { a. b
# s0 i) w, B: _2 I+ P- * {
; K/ ~2 P% i) x& e2 K - font-family: Arial, "Microsoft Yahei"!important;/ r5 ]- J: T$ ~7 H6 l+ E8 T
- }
. m6 _- U* _& G* O) E+ m2 S# H
简单解释一下上面的 css 代码：) R" F/ t7 m! v0 l7 H
我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。+ V5 @+ e8 z R& v# C" z5 o
:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。
- G9 T" l& ^2 Y) u2 {, I:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。1 n2 L; T! G5 z/ \" [+ W: R0 A, P
:: https://baike.baidu.com/item/css%20important/5283065" \, r6 M6 |4 Z+ C
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。+ r$ O! ?1 |, `% U
& j1 a9 P" X n8 |
5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！" C0 _5 V3 C$ i+ q
6 G1 ~( n! V! {& d
我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。/ k9 E8 C( P( V1 R
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。, j A) Z }) k5 S8 Q0 o0 P
不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。
0 D I/ x0 P/ V$ x7 G9 D( E# R
1 U8 @: U8 U- y! y. [6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？
. a4 ^( C' f1 b5 h2 @! Z$ e- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;- w9 @ @6 u! u, S8 e1 z. G! {
- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）; |" T! q: A# k& g9 D
# j* }+ h/ J2 H7 s/ R) Z大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。
0 ~0 {/ D; S& I8 Q" u$ v注：点击图片可查看大图，更清晰。
9 E% R, H& j$ z; `/ `2 Q  4 p, s% P1 N' E9 _" i. V- X
- b" h9 N8 V& u) P字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。% H$ p- r s7 S
. ^( p$ n, p; K" yCSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。
7 y. L0 I3 B* ]& }7 _) r6 d6 w1 t n( n5 K Z4 V9 S: Q* x$ A
参考：, P3 e4 a* `: G3 ~5 a% m3 N* @% @* t! }
- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html
! @7 e0 n) X4 @* [: Z, B' V2 E! |% `8 `8 Y$ C, D
+ [- i/ d) a8 i) S
; Q- H2 R% \! E n: ~; u3 _6 {
: Y) t" c, ^3 b* x# m |
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
