掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 6699|回复: 9

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

[复制链接]

该用户从未签到

发表于 2018-2-5 18:01:44 | 显示全部楼层 |阅读模式
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 1 b5 A: `6 @6 a$ F8 ?
- |) Q4 ]* }; B+ x% Y+ W
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]2 ~" s; ~) g4 e! D* H# [# [+ V

/ P' f# V- C6 M刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。( p! z' s2 n' S) W+ G0 P
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。
- y7 \- s; P2 I- m+ x5 m0 k0 Q3 P4 X
-  GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
4 c0 e; J0 r7 p' t. O: z+ u3 c* w2 b4 M- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html
" |7 a% @- @1 ]) ]0 u% z& U* e
- d$ [2 d; K' b- o看不到 gif  ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif
( Q/ Z! ~! a* k' Z8 g  j$ z7 O注:点击图片可查看大图,更清晰。
- l7 h& v' P1 {# p  w1 e: m7 r               
7 x3 d" P0 T) r5 _& H: ^5 y6 m: r) R
/ k+ Y5 v/ `2 m2 f( w
( p  N% z  h, O+ H- `7 _$ e! t& e' [8 M$ Z3 h, f6 f
## 文字版步骤:/ i, B/ y; t$ p/ s: z8 g9 q
步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。
0 n. `/ P& N' S  p  M
. ~& p# J) u8 T5 s/ }: j" x% a1.  GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:' W" ^; i& i* z! p6 a* \% `
        -  “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
% p4 s, m/ q  n# X“配置文件夹”就是 portable 文件夹。
" d% W3 @8 j& q( {
7 q* c7 P$ r& n/ I1 s2. 在“配置文件夹”下,新建两个 txt 文本文档:3 w1 U8 ~/ g8 g; `
- 新建文本文档.txt
/ T( |& m' U- F! t- 新建文本文档 - 副本.txt  ^$ {' i3 I9 r8 Z5 k* W

) G9 D, ]  d4 i3 B, \. lWindows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。- G9 K2 J$ t+ |+ |! x6 l

& z. q3 C% A- h* Z2 V% K3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css
6 g: z# @$ u: d一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。
7 t0 F. ?7 u/ \3 A8 W8 y0 q- s; J6 `6 M: l" m, e" k8 W7 b
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!
1 |* T9 u  h; q: ]% r' U
$ p+ u1 k  G9 J$ O
  1. * {
    0 w& B$ E" b2 Y+ ^1 o
  2. font-family: Arial, "Microsoft Yahei"!important;; _1 H3 S! D/ M7 e. O, X2 V
  3. }
复制代码

, `$ U. L# {1 ?  m+ K% Q  ]" b9 \% K$ B9 J; N2 q) u* A
简单解释一下上面的 css 代码:0 `8 L; `( k  f  e  ^+ w6 F
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。
0 y; O/ G" [* f# w) Z, P8 r:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。- Q% [8 H+ m0 v  U( D& W2 D8 j) y
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。* M+ t6 H0 F- s* t% \2 p4 }
:: https://baike.baidu.com/item/css%20important/5283065
( s+ n; N8 K; X:: css !important 作用是提高指定 CSS 样式规则的应用优先权。) n& p8 I- c8 o7 d+ }

- S0 t' ^4 |3 A8 B+ k$ }5. 打开 qt-style.css  文件,把上面的内容复制、粘贴进去,保存!一定要保存!3 X# h4 v; j/ L2 f
- h5 p& S7 _% U
我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。" j3 ?8 K" f. N/ W0 M4 f9 E4 V
不妨看看默认的“不到” 3000 行的 article-style.css  https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。
& f. L6 r. M5 l; I1 F不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。6 a9 o2 ~" s. a" S

2 L8 w' Z+ t3 p6 _5 u+ @6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css  这两个 css 就生效了,仔细看看,是不是字体变了?
9 J( K# r2 d4 H- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);' w0 @5 J( `. W: c0 ~; r5 n! j0 P
- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)6 w, L1 k7 y7 o6 v, M6 m
7 T" t# w+ E) ]9 H
大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。8 {& Q: a; ~# Q/ |- R: y9 _
注:点击图片可查看大图,更清晰。
$ F; }1 S8 h7 N/ l               
5 s6 ]+ t9 \$ C3 T7 N8 s' ]8 ^. Y  @* y; |' n
字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。
% E" t7 P7 m9 l: [
  f9 x3 Z; }4 Q7 [CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。
( U$ ~9 X, F" a6 c: l2 {; C8 c5 M% n& X' ^. g# v: ]  }
参考:
2 [) B; B& I- }  b: R- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html  ]4 m( E& g3 M  i' g% O

1 ^. M" T4 N8 k) u# O
) Z7 b, L3 e# y2 u7 Y" ]

, w; {5 h2 a3 r; I) o8 d, |5 v& f% ]

评分

7

查看全部评分

本帖被以下淘专辑推荐:

  • TA的每日心情
    慵懒
    2021-1-9 16:36
  • 签到天数: 26 天

    [LV.4]偶尔看看III

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

    评分

    1

    查看全部评分

  • TA的每日心情
    开心
    2019-12-28 16:46
  • 签到天数: 144 天

    [LV.7]常住居民III

    发表于 2018-3-13 15:08:23 | 显示全部楼层
    学习了,谢谢楼主
  • TA的每日心情

    2021-1-8 14:40
  • 签到天数: 32 天

    [LV.5]常住居民I

    发表于 2019-11-16 19:04:12 | 显示全部楼层
    谢谢,正在学习css,一步一步学习。
  • TA的每日心情
    擦汗
    2022-6-9 20:19
  • 签到天数: 202 天

    [LV.7]常住居民III

    发表于 2020-2-3 22:45:00 | 显示全部楼层
    谢谢O大的入门贴,学到了
  • TA的每日心情
    慵懒
    2021-3-4 08:03
  • 签到天数: 81 天

    [LV.6]常住居民II

    发表于 2020-3-2 10:38:47 | 显示全部楼层
    感谢指导,很有用
  • TA的每日心情

    2021-6-30 17:08
  • 签到天数: 79 天

    [LV.6]常住居民II

    发表于 2020-3-3 21:58:22 | 显示全部楼层
    谢谢楼主分享
  • TA的每日心情
    奋斗
    2022-8-14 21:46
  • 签到天数: 164 天

    [LV.7]常住居民III

    发表于 2020-3-19 15:42:56 | 显示全部楼层
    感谢教程,非常好
  • TA的每日心情

    5 天前
  • 签到天数: 634 天

    [LV.9]以坛为家II

    发表于 2020-3-31 20:57:25 | 显示全部楼层
    新手,装上不会用,才发现又这么好心的朋友出了这么贴心的教程。。。感激涕零
  • TA的每日心情
    开心
    2021-3-3 11:50
  • 签到天数: 45 天

    [LV.5]常住居民I

    发表于 2020-4-9 17:20:55 | 显示全部楼层
    感谢太有用了。
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2022-10-4 15:49 , Processed in 0.049197 second(s), 11 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

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