|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 - t! f+ r3 `. a6 U
" g/ x0 d( J( J6 b
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]
/ K4 k7 w. M2 o# `+ A% k5 T' Q ; J& K0 ^. F* ^/ K0 T
刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。9 R0 K0 N' z8 z" f+ [* z& A
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
+ F8 ^+ ~9 E. q- X/ I
& N" b' O, F& r$ W8 P1 K4 o- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
! a! F ?" C0 u" V: h- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html' `: B# n( M$ S: v
6 I* R8 Y! M; n, }' [2 w9 R看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。, m) d# J2 u7 a. p$ k
注:点击图片可查看大图,更清晰。
* d! ~" `5 ]3 e( [. y5 c: x' t) j 
& V- n: ]2 E3 L- m$ \* d- E; D2 `% o1 A4 F0 y7 _
/ a7 Y2 `2 v! R- A5 V$ p: }" D/ T' ~) O; {' T3 p4 ?
## 文字版步骤:. z2 k5 M. f1 t6 e$ n; M8 n# U
步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
' Z7 _. Z3 Y7 V+ P9 e$ K3 W, m* x, y# L3 k
1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:( V: C j8 s8 B. w5 x2 O' K$ K
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
3 N q* d- E8 [" ?“配置文件夹”就是 portable 文件夹。3 S! i! I# o: O1 j( J9 A
7 B4 W' a2 E( A W1 k: Z
2. 在“配置文件夹”下,新建两个 txt 文本文档:
! A l; W/ M( v: Y* T( M: N- 新建文本文档.txt. G) R0 d) q# k8 a8 Y
- 新建文本文档 - 副本.txt
4 R* A% x: h% y, b% h. h& i( e# f4 f$ x
Windows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。/ Z3 Q; C, c& V0 o6 S2 C
5 z- K% V$ Z4 z' t/ s- b8 [3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css ; _3 C! C. c% h! [$ ]
一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。9 ?: l |: a/ p# x- n' @
" t* k# d! S$ n! I9 f" W4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!& K7 K @ k- G8 s
+ B8 P2 O/ y( h0 U! F, V/ l- * {
. {1 F5 u/ G2 h$ w - font-family: Arial, "Microsoft Yahei"!important;3 k9 p) q: Y6 R: Y' z
- }
复制代码 1 l+ T7 p6 Y7 p1 A+ h/ {
W6 _9 V' y& l% a) N' e* Z" h简单解释一下上面的 css 代码:* I9 s0 t2 h' y/ G8 c ~; c
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。
. l5 {. h; A/ R:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。
5 ^1 I/ M2 J% }2 W+ {6 Q9 H:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。! s" v# ]* n) }% }- w! S
:: https://baike.baidu.com/item/css%20important/5283065
/ p. g% h) S! C. Y8 G4 t0 w:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
1 A6 L+ d6 s0 N, s2 T; i- V, U* r; \' Z1 _& {
5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!% ^) F8 d- Q8 W/ m" ~, U
+ Y- k. Y8 G; p9 W$ }5 b7 f- f+ k8 @我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。* i- N3 L2 y1 D+ u( I6 B7 ?
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。& B* B B2 _0 [
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。
& \' k3 G9 B3 \8 j, D+ ^' p9 j
9 t! e' A9 B' V+ E. y. |3 F6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?
" [1 V7 f2 m3 l- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);3 S" z4 R3 } W
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)
& k. f( q+ T2 g+ @! @6 C, T
" `7 J4 ~$ y! a/ Q& H: [0 z( o大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。* n* I8 G& R6 V9 e/ B
注:点击图片可查看大图,更清晰。
1 Y ~3 q6 A2 `" Q( o 
4 `6 l$ ?5 K4 @3 A s
) X) y" x6 Z8 R2 O. ]2 E% p字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。8 ~ x/ y3 p- P: O! H, k
8 u7 Y2 D1 m/ V4 c
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。
1 l* j, ^/ f4 K' x2 b! v/ {( G: j' M" |7 r; J; m+ Z& K
参考:. J3 H8 t9 t4 J) D, j
- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html
+ s. x- D; w: w$ T) ~
3 j8 O$ m- Q" W- A
* Q' y% v3 _: {+ H* _6 ]$ r' D( @. M" L8 r
* v4 m- s# V. _$ T |
评分
-
8
查看全部评分
-
|