|
|
本帖最后由 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
- }
复制代码 , N7 A9 u* ]1 \7 Y8 U
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
查看全部评分
-
|