|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑
& V# Z" L8 F" D: x) D1 ^
9 f( R6 r: }( R7 M# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]
" H0 S* ~* p0 H, c" s/ z, H9 S
) k0 F: N0 m3 O刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。# [+ v1 o7 @7 O1 {
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
* R3 E, T, _5 ~. n! g8 h1 T$ `' S
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
0 ]3 T2 M* q5 M+ d4 Z, G3 B& U) h/ E- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html7 N% O$ l7 W j; K
/ G2 Z( ~( J6 c! x# h" ~8 y2 o
看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。9 f/ h- w% f! E
注:点击图片可查看大图,更清晰。
, ^" k, x7 H. ?+ B3 p% f5 q h 
9 Y" W9 k. W) Z1 E$ f, l
3 W7 W/ w! m, W7 g2 ^6 G6 q' G+ [+ {' J3 e; O k
; \4 i, E0 N" P b1 L- C" M+ Y## 文字版步骤:
# G7 A& c1 Y. u" w5 a$ j步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
0 E ^; U) e; e% \+ B, A' H
' x" s3 u& b/ I7 r2 _1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:- m( o: k" `, L- U
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
7 r. n6 Q" M" m, f8 X2 E. \; J* l“配置文件夹”就是 portable 文件夹。
6 H: d q4 L' B8 f- R& w; ~) ?2 P( v
2 H ]: f3 u& K7 F& a2. 在“配置文件夹”下,新建两个 txt 文本文档:0 n4 n+ g/ S8 p* E
- 新建文本文档.txt
3 i, r5 h4 d8 A- k- 新建文本文档 - 副本.txt
5 c5 {; f; |8 x( V5 h
' {- o9 V4 w1 a eWindows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。8 o9 ]5 a( O. e$ C/ B
2 G6 Q' [! e t
3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
9 A/ |/ X7 H7 V s1 L3 S2 z$ ~一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。6 G) f' {1 v* E. k9 F! n
* {. G/ K; H6 y) P2 _6 B& T
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!" z' H- K, M- X& y9 l
# o+ H0 {' m8 ~0 X1 p# \- * {" `& H. Z1 E- O" n
- font-family: Arial, "Microsoft Yahei"!important;( i& ]/ C3 n& P9 Y3 n4 T
- }
复制代码 ( m% P" i/ f8 a4 U2 j
1 Y& i4 _* l' s
简单解释一下上面的 css 代码:
* Y) P6 l! a7 g# g我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。
* ]1 c9 u( `9 o. F& z" [:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。+ S: y0 L4 Y- A! i7 K0 o
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。 r" l: |- K4 S
:: https://baike.baidu.com/item/css%20important/5283065( u5 F/ }) Y: @
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
) x4 Q. s4 [; L* r8 O) f D) B! @% W
$ N/ B7 {7 N$ H- o5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!
" Z9 |( Z2 U' ^# c! o `4 a$ e/ D. a& V7 a, b' f
我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。
& ^/ ]9 o4 z7 Q4 }; y" Q& o; P7 F不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。
9 s' E {9 X/ g/ t% E. T不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。7 f3 c+ ], E1 K P9 ?+ z
- g1 e- q; T- p3 v7 H; _8 t% f& B6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?
2 G" k, A2 |* {1 I0 \- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);0 Y3 C: F- @6 v _: f+ ]) m
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)' ~" o1 {" u1 L+ g* C! _- Q
) o# P& `3 o; B
大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。
7 \/ V# c! @8 D4 l. d- _- f注:点击图片可查看大图,更清晰。
9 w! M8 U, c. ?" h1 x9 N 4 O" F# z" D% ]: ], i4 w1 A( \
& N9 K1 |$ i g6 i9 W$ a5 Q9 B
字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
, T1 ?: ] }; j1 ^* d5 V0 J4 }( U2 ] [! a: k, n+ z) }8 h
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。" u+ z. O4 ^7 d2 q* z, b' [
* F0 [ p: ?/ X8 Z1 Z: y参考:& z8 Y* v' i) G
- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html
* V4 @7 E7 d* t8 ^ n& Q3 C7 w# A9 |8 A
7 u) D! S+ i3 I3 X& z; |4 e5 h; D) v
9 N2 _$ a/ J% y
# }( u" l$ ~3 }/ D4 n* ^ |
评分
-
8
查看全部评分
-
|