|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 - T6 @/ x" C" |9 g
$ H3 m5 F- u# z8 M+ C0 Q1 h# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]3 c" v/ W' a# O0 a0 b; ]: [
: J* [) s6 U1 s! V# D. l
刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。
* ]% a9 [ b0 ]6 |其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
: E$ i1 O6 _1 I4 x4 v
, W! B7 W% m9 V# e3 B" I @- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html4 U/ k9 U. L% a. i
- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html
3 A: R# Q: B5 N
) w. s4 _! R& }) |( W9 Q' v+ q. O看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
/ I* s. ]' e8 _% N8 j注:点击图片可查看大图,更清晰。$ E, K# S7 V* _: W
: a# d! |! T- C7 {" C" X
/ N0 R# w! B; ^& |) G* B2 ] n* T1 V
0 G0 |/ G4 ?+ S$ s* S3 d+ y) [8 W0 s## 文字版步骤:
* F4 e2 b8 n# ?# ?5 g) H; R步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
7 P6 H w9 u# r! v. R! |
. c; D3 n' E& z6 m3 E1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:4 H: H/ k9 N: Q. w& `8 g4 C
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”9 R5 g) O2 Z+ ^) y+ Z8 T
“配置文件夹”就是 portable 文件夹。: w; p5 _4 C% a/ l/ G4 {
: J# v- \* x5 G; E) j7 h* H
2. 在“配置文件夹”下,新建两个 txt 文本文档:
! R7 m/ X9 ]2 }- 新建文本文档.txt
1 P5 R( r8 Z) q! b- 新建文本文档 - 副本.txt
( S! m$ Q L# \$ ] j0 I2 M+ ~- x- w
Windows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。
3 ~+ K/ v( V& p9 G* T" l# m) f. p; O$ B0 O+ W+ ]
3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css - A8 A8 r3 [+ X2 x
一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。" g. T$ i+ X- G. [
( g5 J4 P. }: o. n
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!
! H/ K. Q# n1 d5 t. d, U# x
7 [9 T% w8 y9 y! Z+ P7 n- * {
* f6 @: @; ~$ n+ x& d - font-family: Arial, "Microsoft Yahei"!important;6 P; Y; r. Z S, _. \+ A$ s* [
- }
复制代码 # g6 M9 O2 k/ J ^ Y7 T" @
. ~" T& k2 y4 h7 x$ t: C简单解释一下上面的 css 代码:9 M4 p& S% d. {0 J
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。
+ W* w- K0 N0 q" E3 b: r) l:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。
# R" s8 Z' t3 a5 |! C0 N* |:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。
) @6 B) H3 w8 a& S, C& P:: https://baike.baidu.com/item/css%20important/5283065
/ _7 p( e. g4 o' G% l0 K1 B:: css !important 作用是提高指定 CSS 样式规则的应用优先权。9 u% m. c H; Z0 q! B" C
# g1 q$ H. H3 z3 A
5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!- W/ N/ F& {0 s
9 R' Q" _$ J L# n) l我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。/ }( N6 U3 Q* X) p9 p
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。2 w- f5 k, i+ @2 I& S+ f1 @
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。
0 X6 Q- k N m5 W$ m; O
' l. T0 L; U: w9 M/ M0 k! i6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?
4 d8 H# Z2 U0 B- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);- _3 V' M3 a% I" B0 C
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)9 A' O% M6 }# p9 u+ y& [* O; z+ k
( p% x8 t B3 N( O, P6 x
大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。
2 R4 j, ^- i7 C1 f3 w0 ^ H注:点击图片可查看大图,更清晰。
# e9 [# V8 q' s% T& E* r& Z
" [+ ~$ n' R, P% q8 @( [/ U9 U; q+ D0 e |) p: W
字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
9 o0 v8 N8 \& V2 }7 ^" K$ i) `6 Z/ ]2 s5 ?( ]8 L5 W0 p1 U
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。
1 S7 x- R6 G3 R& p4 L% S
% ]6 ?5 [! G- k% A" {: `5 |参考:. q* p3 w4 ^; y4 s" T
- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html
% v3 s0 `) w; }+ |- K& m
8 ~- Q v- g t. N. `+ S! D4 u$ O0 G+ }1 n/ {) c: I
: g0 B5 O: g% K6 r3 [3 ^1 c8 i4 n% m9 n3 `! k! W0 }, Z) S
|
评分
-
8
查看全部评分
-
|