|
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑
+ w* O: [; V$ F! R+ R Z# d2 `
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]. O3 Y' q, ~2 q1 |1 y9 a
& b3 y" W! S' |0 T F
刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。9 P9 v4 S: y- F
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
+ `5 ~* {1 }$ @. G: [* ?$ }3 n2 ?& Z' G3 _4 `0 C
- GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
5 z8 b! m, C- I- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html2 q8 g a: y# J {. E) }# [
. [# D/ P: Y, q, ]& _! G
看不到 gif ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif 。3 E; [" T4 c& S5 q; L8 t
注:点击图片可查看大图,更清晰。
4 j* t& |9 E* ]7 E 5 |# w1 G4 k0 m; z
3 X. N. X& Q7 m8 w, S1 A: I4 i# j: X- n
; p. } {# Y0 \7 b
## 文字版步骤:
$ _7 j; h: h; f* n/ d步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
4 |6 Y4 Q' z" E o
- T8 Y% h' q# F- x- _3 h2 B1. GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:1 J( Q9 z8 _, H0 X+ p6 |
- “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”4 r$ l% k3 V, [" v6 i* c, e& {- t7 p0 d
“配置文件夹”就是 portable 文件夹。" e" `% a" ~/ _; t
I' U6 @" n/ v( o9 C- c8 L& i
2. 在“配置文件夹”下,新建两个 txt 文本文档:
6 t9 C. E* m& Q) K. L8 b- 新建文本文档.txt
4 g: t/ {0 g# @' E$ [6 M1 Q- 新建文本文档 - 副本.txt3 b0 \* \3 N% F& ~/ n9 q5 U
( }2 h1 l6 ^# ^; ^3 MWindows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。0 {2 j8 r" y# y
X2 i2 r: W! b: j3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css ~9 Z" C+ N" h9 i3 Q$ s# e- u* ]
一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。3 v c: ]% R1 o9 G+ `7 f: i, ]3 A
, m3 t; C, B; v s4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!
, \$ M# H; |$ C- S- A' n+ f3 x
" o$ B- B6 D8 Y! `- * {- }1 i, B: I9 y/ G7 P. m
- font-family: Arial, "Microsoft Yahei"!important;
3 K8 {( A$ c* Y* r4 A, W - }
复制代码
& b- L2 X/ j% ? ^' d% W
0 Q- \3 o0 k+ O# J/ s简单解释一下上面的 css 代码:- u. T- ^% C2 [# L* h5 F- i( g
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。, |6 v( {/ _' \: k) [
:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。
) [; h& ^+ g6 Z4 y- @! x:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。
% P& X2 `8 o" H: T+ R, {:: https://baike.baidu.com/item/css%20important/5283065
3 U1 w/ E, i' d* V+ E# s:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
8 K1 `1 U$ a, { @, s ` t6 ?1 j# O, W1 ?+ y9 L+ \2 V
5. 打开 qt-style.css 文件,把上面的内容复制、粘贴进去,保存!一定要保存!) h. @+ w$ ^+ T/ x: K/ t8 I
5 Z! w# b0 i% A0 o- p
我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。
3 n$ l/ ?/ ^6 L不妨看看默认的“不到” 3000 行的 article-style.css https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。( m* }+ A. P( m- n3 K* r
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。! f0 \9 s' [ x( f5 g( e! `) c
) b' y# `1 l7 X! \3 f6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css 这两个 css 就生效了,仔细看看,是不是字体变了?
! n4 W3 k# N' e# Z# `- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);
; _0 F: g. K V' ?1 _- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)* H# [: b9 |% g3 D# S
+ N6 j2 Y7 ?% _3 L0 Q/ `2 ]大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。1 i i* d$ x U4 x+ }0 M' R
注:点击图片可查看大图,更清晰。
3 l( Z8 \+ S9 e' R+ ? 4 B$ c9 \% C/ c5 ~0 [
5 ~6 J1 G+ d" s7 V/ |字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
9 ^: j& F, h* b- s3 }" M8 L; p) K0 o) X; N
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。; m9 Z* C" g$ `% l. X% k
5 T6 q7 Z5 q& g* S. \参考:
2 t4 n0 O2 M+ K8 X- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html- b$ D/ W* D8 u: g
( {* E) D# R5 L5 j8 r2 `, v
9 w+ M: b/ q: d/ {( \! S' V+ W* ~! D1 ^& B
. T: g0 @9 |$ M8 Y$ E' X
|
评分
-
8
查看全部评分
-
|