|
|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 8 U' H, b3 S) \% `. O
* u) i7 X( G$ x/ n, m# GoldenDict 如何建立 article-style.css 并设置字体？[动图示例]1 Z) A( M) R, } r
{8 F" }1 P" C) K0 n/ ]刚使用 GoldenDict 的朋友会问一些很基础的问题，今天有朋友问“GoldenDict 如何设置字体”。/ |' y+ ~1 ?( _9 y3 J
其实已经有一些帖子了，我这里再发一个，“精心”录制了 gif ，希望能对新人有所帮助。这些简单的问题，真·大神从不讲，我也是一步一步知晓这些细节的。知道新人的苦，新手的泪，所以也不厌其烦，写了些看上去很“弱”的入门贴，希望对大家有所帮助。, q5 ~- d) `/ L* G+ t
# k, `! Q* j' B) B/ y/ }5 C- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html" j+ F, X2 C- d( y% z( h
- [GoldenDict] 如何为某部词典指定字体？ https://pdawiki.com/forum/thread-15900-1-1.html( q' y6 ~5 i7 y I0 Q1 ^* N
7 Z/ J. n0 W- w D" N* q/ h看不到 gif ，点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。
' n- I1 v# p( z4 c' t注：点击图片可查看大图，更清晰。
3 T: h* H; ^* | 
! n+ L2 A, U& l# M- Q" w6 {7 y- y0 Q' V( G# k5 A6 T
- R8 j1 h" U# t7 t" Z
8 h; `5 {: |7 m$ ]1 r## 文字版步骤：
* n9 S3 V+ J5 v# d' u' k步骤看上去很多（6 步），其实很简单，我只是写得尽量详（luo）细（suo）而已。你会打字，会上网，会吃饭，那下面的步骤，3 分钟搞定。& m. N |3 i, F
! L( {' B. s* H% f( M
1. GoldenDict 菜单栏，依次点击【帮助】->【配置文件夹】，自动就蹦出文件资源管理器窗口（macOS 蹦出 Finder 窗口），定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话：; z& a4 @* P3 S$ [9 ]8 V
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ，第 3 步 “新建 portable 文件夹”9 A# ?) |9 ]7 s& R7 E
“配置文件夹”就是 portable 文件夹。8 h9 F1 Z! Z6 o- ?4 F- Q
/ W1 K* D# z2 z, V1 Z2. 在“配置文件夹”下，新建两个 txt 文本文档：$ `1 X$ N+ g) m: l
- 新建文本文档.txt
% G, ^2 s$ e- L `, S6 B- 新建文本文档 - 副本.txt
' q" ^6 T; @' E! T. b3 T& X
' n0 C9 ^: ^& OWindows 10 下，文件资源管理器注意勾选“查看”->“文件扩展名”，否则看不到文件扩展名（.txt）。
' R0 \% ^9 u+ [, m/ E& Q
9 O! }, k9 L' N8 J' z! W# }3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
* d: C, q: P+ }6 y一定注意，文件扩展名 .txt 也要删除并修改为 .css。重命名的时候，会提示“如果改变文件扩展名，可能会导致文件不可用。确实要更改吗？？”，当然选择“是(Y)”。就改一个空的文本文档的名字而已，天塌不下来，电脑坏不了。
( O5 t( @2 V s4 Q% \& L7 Q- t
4 Y9 z% B9 P2 ]; [6 j& P' D1 W/ q4. 打开 article-style.css 文件（默认是记事本打开，也可以用其他文本编辑器），把下面的内容复制、粘贴进去，保存！一定要保存！
0 y- g7 P; }2 M/ c5 E- r
& S/ k- v u1 H3 e! H- * {9 E: D- l. {' ~2 n0 r( |0 j. ^
- font-family: Arial, "Microsoft Yahei"!important;
9 w' s% t, G9 }8 h% u" z% } - }
0 G: t9 K; [4 Z/ A. A8 z
简单解释一下上面的 css 代码：
+ W$ x1 q% E, v" D l我的目的是让 GoldenDict 软件里里外外，所有文字，能是 Arial 的就是 Arial ，汉字都是“微软雅黑”（"Microsoft Yahei"）。5 l6 X. L' M5 I" s! E3 ^
:: 通配选择器（universal selector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。; ]2 F# k3 a0 r% G
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用，要用 "Microsoft YaHei" 且用英文引号括起来。. E7 n# s$ k6 Q. a+ E9 T
:: https://baike.baidu.com/item/css%20important/52830658 _" i9 x4 k& [; w
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。. A+ d4 k2 Z' F! ~9 E' Y
7 G7 E+ o1 s2 F; S6 t. |" Q
5. 打开 qt-style.css 文件，把上面的内容复制、粘贴进去，保存！一定要保存！4 `( C: S/ H' @3 N6 S X& ~
5 S7 k" Q5 Q! v4 V# ?我这里只是简单示例， article-style.css 和 qt-style.css 可以设置很多东西，GoldenDict 的界面定制，魔法几乎全在这两个 css 里。. Q& `+ @6 M% s6 l% N' w3 x
不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ，这里面的内容，都是可以定制的。
+ y6 Y- F- a& T不过，我是折腾来折腾去，觉得上面的 article-style.css 和 qt-style.css 已经够用了，其他的设置都是 GoldenDict 默认。# L% V( O) [$ s! z& s+ Z# Q' Q
9 d( T* K7 Y/ {6. 依次点击 GoldenDict 菜单栏，【文件】->【重新扫描文件】，或者直接快捷键 Ctrl + F5 ， article-style.css 和 qt-style.css 这两个 css 就生效了，仔细看看，是不是字体变了？
% ]" _/ L2 ~$ P0 {- 左侧默认的英文字体是 Tahoma ，中文字体是宋体（SimSun）;" Y& ]: X; T; H S( x
- 右侧的英文字体设置的 Arial，中文字体是微软雅黑（Microsoft YaHei）! G- u+ P* }, O H" p
6 S. ]3 Z$ |' \
大图点击：https://s1.ax1x.com/2018/02/05/9Kf0OI.png ，明显右边的显得更加平滑。" k1 g, d: U2 t6 R! ~
注：点击图片可查看大图，更清晰。
4 W9 x1 w, }6 v1 w9 N7 z  / B' {, b I: ^# R% E
$ t( s0 x; D: |' _( g' ~$ P
字体尤其是汉字字体如果没变，可能您选用的是 qt4 版本的 GoldenDict ，建议用 qt5 版本的。& H A9 y# x: F& P& _
+ T4 R$ j& c$ P/ I7 E6 L8 v1 HCSS 入门简单，但是又可以很复杂，有很多坑，我也只会很简单的。更多的个性定制方案，还需要大家自行摸索。( X+ j& j U. j! c7 n4 L
8 |( w# G( X, C# @( F
参考：
/ Z! A+ g) {% g8 q$ ~' M2 u- GoldenDict 专贴！https://pdawiki.com/forum/thread-11705-1-1.html/ A z4 {! @# S# T$ v& g2 d
# |& q1 ~2 f: ~! b
& T( C M( [" ?% }) F* v2 m
, n; y% Y4 R' n) C: E
/ h0 Q5 o" |# I7 B# T1 e8 M! n |
评分
-
8
查看全部评分
-
|
发表于 2018-2-5 18:01:44
