|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 & ?$ T; m: v8 n$ e4 H
! ^7 x; r& { T! w# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]
& a* `- ^/ u$ U) V" }9 g' U" u! T
4 z7 u( R" a& O: z- ~刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。! u. {% U4 I8 \. J- l0 Z
其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。2 J0 R0 @7 d2 T* D. n
- X6 g8 W" X$ n# m; |5 D. B3 p/ Y
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
( |/ I, c, W4 ]# F: ^- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html
+ Z0 i. j* {. E- n f3 I, S5 a! _5 w6 F( A8 @% S7 P0 Q, j! v
看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
% i2 x2 ?7 `1 Y- @! @+ a' x注：点击图片可查看大图，更清晰。( S v2 ~. t/ ~2 C" }" l4 m
! n1 t8 J! q3 w& O7 P, w( q6 {8 Z1 {, M& J
$ Q' y$ c# ]) \- i
: ^* x, t K7 g9 j/ w: H
## 文字版步骤：- r6 E5 l6 a0 [
步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。
+ q4 n. k# N( I) _/ K, E' U3 c& d/ l: x6 s$ ~
1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
* }; y* s! I* n- M7 @$ I. v' H# y - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”* V. H3 P: h: O. B; L( S
“配置文件夹”就是 portable 文件夹。+ `. x7 Z' ]% p/ C0 a. E/ a" |* d: v
5 |/ c% \7 H2 H: l1 C2. 在“配置文件夹”下，新建两个 txt 文本文档：
! D7 w. y8 A5 M, u. z% H1 b) X/ r" t- 新建文本文档.txt; O& E2 y4 k4 H6 P9 ~6 @) \
- 新建文本文档 - 副本.txt
! L6 E: x6 \0 `7 F# Q: v8 d) u5 C U
& x7 f) ^& }5 \* B. [" v) MWindows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。# F# _; y$ u" F0 u, h4 A
( K# F9 _9 Z" D* e9 ^3 p3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
5 `4 p5 x( @% ?+ A一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。
, a& c1 _. u$ l9 s, W; W, B! n6 u8 ?3 K
4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
$ z Y- n b: Y' |2 ?
: o5 `! _- {) ^1 c' a- * {$ O/ ]; v2 `. j: {( F4 A& p
- font-family: Arial, "Microsoft Yahei"!important;
" j- c9 B. M0 n8 ]. e% u, E, ? - }
, X( R' n, z( L6 a ]3 J0 e' u& S$ e' [2 d L, h0 w
简单解释一下上面的 css 代码：! w4 l% K A1 s) K$ K
我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。
% q' R6 r5 O6 S( T. k. @% C:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。
4 C# F( s6 z% L5 B:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。
' L; Y" B5 v% O; M# T! A5 N8 s:: https://baike.baidu.com/item/css%20important/5283065
& q. o6 ?. a9 C; l- }:: css !important 作用是提高指定 CSS 样式规则的应用优先权。8 ~$ r: D3 R+ D5 c8 e' Y7 J
3 V# O/ |8 u2 f6 N, D8 @0 G
5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！2 T1 w" x/ K* V% y
7 I+ K0 _& A) t7 W
我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。
5 l q5 c5 H) X) y不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
! l0 f& b0 b7 G不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。
! B3 g5 H4 H1 ]. G+ h: ~" i( r; S2 X% E
6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？
; C! y ?2 J! w8 t' O! e4 f- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;
/ V# t# x2 N- u% B$ H: q7 ^" b- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）& T" U- V+ `2 L I/ O0 m" e( X f$ a
) F0 q* {) }5 d. u1 q d
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。' [" E4 U5 X5 B8 j
注：点击图片可查看大图，更清晰。1 s0 \" f0 a* x4 ]8 \! N( w
9 K1 o/ X+ A+ o' G" L5 C4 f2 Y Y# G0 }+ c$ c5 T# C5 N
字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。# N$ v \3 m' o+ g1 U8 M
/ {7 k; B" _& e; e& P/ K
CSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。( ~ j. ]0 Z! C& {# O4 A
* X/ K6 Z0 [$ g3 X' i参考：4 K" s' B; a5 ?; T0 u) a
- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html# I- Z* L3 H$ Q0 X. C6 R) L
9 @9 U6 {9 D# i H8 g0 S
" ~0 @/ t: ?* A4 o. a% B; C8 [0 i
$ Z: k7 F$ h/ x1 @ |
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
