|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑
+ T& x/ m X: N2 M8 q8 T
$ }, n! Y/ X; @+ o$ V8 u* o# }6 H# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]/ X, q: u/ M( m' {+ o* s3 B& p) i
 ' T# C9 f0 b3 \9 E. `6 w
刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。
0 j7 a' [+ f( y# u$ `其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。5 t' ~. v( q4 [' Y9 G
: [ j# c+ e* |6 \' f% a/ \- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
- u- o; p) u( Z o" A4 e* D$ a. A- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html- Q+ N; g- g$ C& V
5 n3 n' i S5 {* U" D# j看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
% E C0 h1 J# Z/ v) E* u3 J `注：点击图片可查看大图，更清晰。# Q# |6 ?3 ^; u" u* m
. L. a! X: b7 z i" Z" ?" b) _ g" G
$ n* {( F; c \6 K' i7 ^ _$ l- J" x& X. b
" g3 F% D9 |' B: P( S" X% o## 文字版步骤：; e; }2 U3 c6 f Y/ d
步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。 w6 F b3 V0 S/ X
. P6 l5 }6 Q. b& u6 l! Y1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
' U5 K8 Z. d5 g2 o! v4 ~7 U - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”! C, }, e9 B: `# H. ?
“配置文件夹”就是 portable 文件夹。
, o$ J( f) e0 M; {$ E: d' t4 R& D& A: @. x5 ]: ]1 ` _
2. 在“配置文件夹”下，新建两个 txt 文本文档：
0 b% d# E3 K ~- 新建文本文档.txt
/ u" B' n/ h6 W, A+ k* f/ x- 新建文本文档 - 副本.txt0 E9 U; a: h3 T( f! j
+ o" `; u: g3 tWindows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。
1 Z q" ]* C s
- ~ p. p3 V; b! r3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css 6 Y# i/ U; D+ b" X+ C/ ^7 U1 T
一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。
3 h5 F0 U ]5 o/ d, a
( L3 Q" c8 |, A2 O! _4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！. O3 c1 U- O# b# F
1 M( l& U; H$ t9 P, s- * {
: s% |7 H: \( [( [) b - font-family: Arial, "Microsoft Yahei"!important;
# _/ O' ]4 v/ K5 x - }
# w, s; I4 E) }* o$ e3 h: r2 P
, P$ j( g: t+ C; X4 R简单解释一下上面的 css 代码：
Q$ f, g6 n! O我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。
* F1 P+ n. x; v% R0 v:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。2 ?2 O" G' ^4 u1 ~, h
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。+ x1 a, f* d# i( P* y' R- e$ Z
:: https://baike.baidu.com/item/css%20important/52830655 y" U) [: F" M& X3 C$ A; z6 q2 W
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
4 v% B# E$ P0 t) P3 Q, {
7 A: k$ n3 y9 K6 u, ?5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！
2 v+ G' s! ~( A' y3 {- O- {9 A. d2 K
9 `1 a' V0 K5 Z' _" p& R我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。; I1 o- D- ]) r8 f1 x- |8 ~
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
- V, A( F; A! H不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。3 M9 X: u: L. ~) t5 w; n+ T
) Q3 ~$ Z8 B, Q- A' i/ V
6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？' U! A! q, H0 u; W7 D% y5 H
- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;
0 ^8 r" s/ a" Y+ x% `/ `6 N" [: W6 x5 L- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）- {% _: _ R/ a2 @# C
6 Y( c- w7 \: i8 y: p& {' x& p
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。
" g B5 }! _8 S3 z注：点击图片可查看大图，更清晰。( c! w5 d" j: E4 _3 R4 w& W
8 H% ]' x- O B& q# \/ y7 F5 f* O* Z
字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。
/ e/ S9 a! y# A8 X0 b6 @. `
; n2 l# _2 N5 G) |/ i" `CSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。
3 Q0 o) ]$ }0 l1 ]3 @& T3 d# C- u. \; z+ ^& F2 w/ N5 d8 p, g R5 ?
参考：+ y& x8 f j( [( x* C- t* f
- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html
2 F0 P2 b% u4 H; U- @% `, X0 ? d$ _; N: x7 `# h9 R5 }
$ ]0 J6 N) V1 T# j8 I& A! y' r; ]5 C* E$ \4 g3 [7 T( _% Q
8 k- {& i5 K9 v, S4 p( c0 _ |
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
