掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 2519|回复: 2

[经验交流] GoldenDict如何建立article-style.css并设置字体?[动图示例]

[复制链接]

该用户从未签到

发表于 2018-2-5 18:01:44 | 显示全部楼层 |阅读模式
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 ) t1 V/ W* W& U" f, H4 A, \0 m
/ ]3 M" ^9 C3 m6 h" v
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]
5 l& |& G/ B# M5 _8 @ + t8 q2 V) f) s5 M2 X  n7 ~: Z' o
刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。
* O. p9 B, ~( [, c% \其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
3 K! b2 F5 c. _( @. a& i
& y. x5 ]' F0 v; ^/ a. r1 n-  GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html2 ?7 F: F+ G+ N+ ^- t) C0 P" n
- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html
+ o( C8 s9 E% a. Q
8 M1 G+ u% e9 p( Z看不到 gif  ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif
' F  ?3 v. s, E6 z3 V注:点击图片可查看大图,更清晰。% N7 p: z$ T, ~! x
                3 k/ Y3 G" v6 G( y2 D1 E

$ p8 ?% w% s0 `7 u2 v1 D! z1 C  s* n, Q9 R

$ a$ Z/ O+ D4 A& q2 Y& h1 |## 文字版步骤:$ e* f" O2 u' P! ^: O
步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
) ^" L; r/ W5 r
1 x0 I% r7 \$ `1.  GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:8 b2 _$ q: q9 A
        -  “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
% M0 @4 U& J: c0 W: L“配置文件夹”就是 portable 文件夹。$ y5 U3 ]+ I/ {; U  l
+ A1 ]% m$ V8 Z& s
2. 在“配置文件夹”下,新建两个 txt 文本文档:# y( d- K/ s$ e/ k5 `6 S: m! Z
- 新建文本文档.txt* o. Y, M5 W! j% M% [5 n
- 新建文本文档 - 副本.txt* B% R# s: ~+ @, d

4 _, @) b) `, h" K) A2 `Windows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。+ \! F" r5 s7 ^+ \7 @. \5 i( U! [

. W2 b  l# X( W/ T3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
" `' O% ]  {, U4 n/ A9 X- Z) r$ \一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。1 f/ g" a3 y: p
4 F' Y* c7 r4 E: [9 }0 H
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!) A6 j8 g& {2 H! V
  x" E" i4 B+ Y, U8 I7 s
  1. * {3 }0 ?  \$ H$ ]. y( m) a, ~
  2. font-family: Arial, "Microsoft Yahei"!important;
    , ~0 w; w" ?& p( r: X
  3. }
复制代码

" i0 |' s' i2 U: B  q. Q
" f+ ?, K, y4 o6 b简单解释一下上面的 css 代码:% l; G) [* m3 \
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。7 w# G+ `7 r) z3 N; y2 w  y
:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。
9 d; a! [, B9 W4 R2 P:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。
. ^: K" k3 R' c0 M$ F:: https://baike.baidu.com/item/css%20important/5283065
- h. V5 G7 j9 _+ Z3 y; S% l3 T:: css !important 作用是提高指定 CSS 样式规则的应用优先权。: u/ ~2 M& t2 Y  b, \% P/ J# c

* L" q4 |1 R% Q9 M& M! ?$ y2 U5. 打开 qt-style.css  文件,把上面的内容复制、粘贴进去,保存!一定要保存!
; {/ L6 H- S. b" S, R. H8 H" G/ [( i6 j: g
我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。  x" \3 c  B) ?# H
不妨看看默认的“不到” 3000 行的 article-style.css  https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。/ p* \/ m* h  B# q) k
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。7 @+ u1 g' x# S# [; F( K: u

% _# A' X9 R; Y$ u  G6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css  这两个 css 就生效了,仔细看看,是不是字体变了?
6 _5 k7 }" a! U3 i' G/ D- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);9 l, g" f  O- o3 t2 y, j1 y
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)+ r/ u6 V; G1 E+ x" M7 U: P6 z$ f

7 r* ^, V4 j* E9 m) |% C大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。9 q" a$ k4 F! j, k; z( f
注:点击图片可查看大图,更清晰。
8 N7 Z4 S+ Z) T                9 H: @2 E0 H1 P

5 q& f: w% F! X) b" C7 j字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。" K6 u6 @- J  M% K1 V" C

& r" _/ _% K2 h' H8 cCSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。' e# P: j! Q& h* W+ r; l6 g

* C  K4 u/ Y$ J  s- Y+ Y$ I; _参考:1 k9 V/ O% Q  b" ?% P/ Q' y
- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html7 Z& n8 n  a7 e+ I4 k

* o; w3 {: S% e/ i4 \7 S% P8 e7 U2 i3 ?! D% D0 J, |. G
' ~% X8 V' J$ z: I
/ H; H: B' r2 `' _* q/ G5 t) a1 ~

评分

5

查看全部评分

本帖被以下淘专辑推荐:

  • TA的每日心情
    慵懒
    2018-10-20 21:29
  • 签到天数: 23 天

    [LV.4]偶尔看看III

    发表于 2018-3-20 20:17:48 | 显示全部楼层
    谢谢O大,总算解决了goldendict看着字体巨细辣眼睛的问题,但是好像依旧没有mdict里面的字体美观也不知道是我电脑原因不是。没有学过css,我看着另外一个教程的css文件,试探性的在上面两个文件里加了一句【 font-size: 16px;】使得词典大小统一了,不会再次因为缩放使得某些词典字体太大。

    评分

    1

    查看全部评分

  • TA的每日心情
    开心
    2018-10-6 14:18
  • 签到天数: 143 天

    [LV.7]常住居民III

    发表于 2018-3-13 15:08:23 | 显示全部楼层
    学习了,谢谢楼主
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注公众号送论坛充值码
    关注微信公众平台
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2019-11-13 16:06 , Processed in 0.169484 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表