|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑
* @( f! U0 k' M1 H* W5 {6 n, O$ u8 C6 ?+ W& {& o
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]
, B7 H2 H7 z5 S( D
& k- F0 h5 ?) c2 }. o. j刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。' W; Z7 N/ g/ i: u5 ?0 X
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。- ]3 D% [+ P- p4 l+ i8 H1 j9 t
, b" ^& |1 ?0 c1 _1 p) C- h2 [
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html9 _, k: v) U) P. } F4 U- I% T
- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html! E9 t/ s' V; ^( A
- `2 J& c$ ~- \: |# p c看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。6 @8 v7 z" s- j
注:点击图片可查看大图,更清晰。; v' v9 Z# U |+ M% D+ W
. K& l+ k6 |. K* J
4 b9 v0 T8 Q8 \- z& M* O( s4 o' C
3 j$ w) ]/ j2 }0 o" i4 F" l, F
7 q: |! N/ j* w% N0 ], e+ E## 文字版步骤:, Y7 g9 n9 |% Z3 }
步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。- G7 u1 Q# h- r1 [1 ^5 N
# g7 }' L6 B% P) l. Q% z% I1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:9 W, _# z" A9 f3 V' p
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”$ ], u3 d+ \; I" B& A" p7 m5 D
“配置文件夹”就是 portable 文件夹。( ?% M; Q" i) [1 C
2 F0 d/ R' k/ R9 k Z# x b
2. 在“配置文件夹”下,新建两个 txt 文本文档:" d+ x" k; E) U+ u3 N
- 新建文本文档.txt& n5 v; g5 N g
- 新建文本文档 - 副本.txt e5 S$ U' `+ m. F, f5 G p' b
% ^& q, B4 m; y; X zWindows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。) ?1 R5 }# m/ f c2 Y
}" i2 S: r* P/ A1 ]
3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
' a+ n0 q/ I* ~4 v+ ?6 g( I* Z- |% v一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。1 }: c9 X9 [/ m9 L7 C& G
' a7 q! S7 K8 `6 @; H4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!+ p2 k" p6 \( v8 n% L) p
/ X: n2 Y! x2 k9 M0 y
- * {
, i; i7 T* E9 q' F - font-family: Arial, "Microsoft Yahei"!important;
) s: ^9 u5 B' K - }
复制代码 / j3 G4 r. }8 A- A8 p6 s4 ]: T
/ v+ G5 }& q% I- L o/ x简单解释一下上面的 css 代码:& P% Z1 w" X0 o* F7 d: j* U
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。: }2 m0 Z H* C# N4 D
:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。# _1 O2 E* L$ M* p( Z! ~% N
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。
5 A! d' o, q: ], K. R/ y& u2 E:: https://baike.baidu.com/item/css%20important/5283065
' u+ u1 C) W4 } P2 @:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
- [1 R9 i- s! H" n2 Y2 O' [& O: d2 m8 B
5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!
" ^2 O9 P9 N# t
; @. x1 L8 h3 k4 t* S4 Q我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。: W, w, H' [. D3 R# p4 o+ f% F
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。
/ q7 ]" Z2 V1 ~" |0 _不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。5 S# m" X2 v$ e& b% W
5 _3 B" W, J! \3 r+ O
6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?
, Z9 G1 \: ^6 ?, U/ Y% T- L+ J- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);0 g! z; i: ~8 f" ~- x" r
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)
! m! t% e9 I: h8 N6 K# d! d: k6 H% n" _# O1 x
大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。
0 P. F9 m4 C z. u2 u) }& v注:点击图片可查看大图,更清晰。
" l9 G& e+ z! b 
+ K( s: r) r6 |. g% z- B5 M$ B
) B; o0 `9 y8 L( Z+ T字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
" d' E; q2 d3 t1 i& `0 z N2 s6 c" r4 d* I' h
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。
) y' |' F5 U$ d5 @8 ]$ X# p
! `/ O5 A5 c+ I参考:
' _& f( H7 S+ z. @- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html2 g5 I/ f/ H0 B$ ^! |
" V9 i' s) M9 r/ i {; P' c# X
& c$ X: G- F- V8 n
& J& v4 B( p- T5 h0 e6 i; p/ o
, Y1 j5 p. p& G$ Q y
|
评分
-
8
查看全部评分
-
|