|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 ' U( ^1 H6 T+ Z0 q
1 \7 X/ O2 b& H3 b8 t- d# ]
# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]
& H8 o7 n0 L, G) Q! ]$ k : g0 L4 ^1 ]: ?3 G
刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。
4 x& Z% w* G- ~7 I% J其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。/ e& v2 F r. |$ B
2 R& B, F+ @1 q4 E# n" j" W9 S- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
/ [: i+ V6 g& B, j4 X3 V- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html
6 V! X. S- u8 R8 p
- s* u2 {: Z9 M6 N看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
7 I c& x* u9 ^9 N4 C注：点击图片可查看大图，更清晰。9 p. @; E" T- ?5 ^, j7 P# I+ t
1 |8 C X" B8 i5 l
- `6 e+ L* I2 A% ~$ C# E! O ]) U+ i5 [* \0 s) O8 C
+ v* |4 P* }" u! L## 文字版步骤：1 m. ~9 t- [: O. J8 w5 r+ c
步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。) x1 W* R1 B6 {
6 R# L8 ]3 V, }" h3 f" p1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：
( ~9 |2 a5 i3 b* C - “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”
( f$ L/ U f7 {! ?“配置文件夹”就是 portable 文件夹。- O2 f4 t1 l; p
) A$ W Z0 G) e; ?, q
2. 在“配置文件夹”下，新建两个 txt 文本文档：! h# {2 ~8 Z; b; c% m6 I( r8 C$ Y
- 新建文本文档.txt4 x* Q: ~& N) y4 V# k
- 新建文本文档 - 副本.txt
! S4 v7 Y; W0 }: w8 ?+ e6 R; N/ Y5 V
Windows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。0 D v( r; x* L
; {3 [3 k! s4 {) S5 T
3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css 4 s& j8 q5 u6 J/ }2 r
一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。- g2 Q8 Z: F8 |2 m [. c9 w; H0 q, X
; z3 n( N* H+ j* g) C9 q; Z4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
: J& t! X# g, P# V2 I7 ?) P' e/ z7 l* x% h/ x& n" d: V9 C
- * {
6 D' Y5 n. {4 U* q, \) {7 C - font-family: Arial, "Microsoft Yahei"!important;
/ b0 ]5 J+ S; I( M: h/ | - }
$ f p5 ]" F( I! v6 c# P R/ l+ R% a: v; Z" p& j4 j/ g+ E- V: C
简单解释一下上面的 css 代码：$ N! z, V7 z1 G
我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。
! N% e/ `' @: H' w+ ~* K$ P5 F/ P:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。
) m/ U& C0 J" R9 {9 |/ n( ^7 }! J:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。; X; h, b- Z, q" L) @ [
:: https://baike.baidu.com/item/css%20important/5283065. V7 x6 l2 ]% l* i4 N3 u
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
8 s; b6 j7 G. @: l$ L ]( r
. B( Y+ W+ Q- J! P' t5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！
6 b! H7 Z8 w, x: A& O& U5 b% b+ s+ W3 r
我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。 W3 ~/ K! b( a; M; L1 C' O
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
. ?) ?- @- F7 E w4 Z" p C不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。
) _1 q2 N) j0 ^7 {
+ F: Z6 _& @- ?5 ~0 P' R6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？
: v$ S7 C7 F4 x0 x- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;% m/ i8 A4 |5 p4 p \! v z
- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）
: y+ B9 K% N" I$ C" p6 p% Q- Z" C- H/ {/ Y
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。. S6 G. ^! H) X
注：点击图片可查看大图，更清晰。
" |6 i, q; P3 J# m2 K9 x' J  ; S$ U6 k# s' L, i
+ c+ G! u! k' z1 R字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。
7 q8 a% B& _8 [, }4 v' G, ], w4 O, S
CSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。) I7 ]9 h) j8 Q2 m- m: J
9 F) Q3 W& d0 x! N/ c3 K参考：- L) H$ ^& A* j4 d8 D t) y
- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html
6 n' n) F1 C. f. a+ {& ~3 P! h. U8 Y* e4 D0 q
. F( X* F/ S% C6 u5 M
+ U+ X! @: {; i. Y( [) X# \
+ u) C& n$ v' W7 H9 N |
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
