掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 4863|回复: 9

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

[复制链接]

该用户从未签到

发表于 2018-2-5 18:01:44 | 显示全部楼层 |阅读模式
本帖最后由 Oeasy 于 2018-2-12 19:51 编辑 # S7 m2 |. v2 Q4 F7 I
8 f7 l$ m4 h2 f' |1 F
# GoldenDict 如何建立 article-style.css 并设置字体?[动图示例]5 [1 z" g7 s# D/ h/ O4 p6 V
% j6 W# P4 a: c! [8 [( ~& q
刚使用 GoldenDict 的朋友会问一些很基础的问题,今天有朋友问“GoldenDict 如何设置字体”。; ]8 }  ?: M2 Y- J: O3 p9 ?5 O& l
其实已经有一些帖子了,我这里再发一个,“精心”录制了 gif ,希望能对新人有所帮助。这些简单的问题,真·大神从不讲,我也是一步一步知晓这些细节的。知道新人的苦,新手的泪,所以也不厌其烦,写了些看上去很“弱”的入门贴,希望对大家有所帮助。6 Y/ m5 }* L/ E1 p4 m& A' t- c

, |  G, r$ T& a$ e$ ^-  GoldenDict 界面显示风格、字体、背景等等的修改 https://pdawiki.com/forum/thread-14082-1-1.html
- ~+ E" [+ x1 j$ }: h/ Z/ a. j- [GoldenDict] 如何为某部词典指定字体? https://pdawiki.com/forum/thread-15900-1-1.html
# S6 Z2 s4 H" @8 L2 G1 @# f, r$ P' z3 _7 |, s; O& e
看不到 gif  ,点不开大图 https://s1.ax1x.com/2018/02/05/9KWRqx.gif3 y9 m& _9 E0 h) Y# n
注:点击图片可查看大图,更清晰。
% @1 O! s9 v1 p+ p9 W' g               
4 I8 F- _$ |0 R# F, h
/ d, W" }7 \5 ~1 A, x/ j5 A
  z* q6 j) f3 X5 T4 }
7 K: b- n- N: _/ K$ i/ n  W5 M## 文字版步骤:
$ r( k. S4 D4 M! @步骤看上去很多(6 步),其实很简单,我只是写得尽量详(luo)细(suo)而已。你会打字,会上网,会吃饭,那下面的步骤,3 分钟搞定。3 H# g1 k5 N( K0 R6 y0 O

- B) c$ |) O% C3 N) r% K4 [1 [3 {- F1.  GoldenDict 菜单栏,依次点击【帮助】->【配置文件夹】,自动就蹦出文件资源管理器窗口(macOS 蹦出 Finder 窗口),定位到了配置文件夹。如果你按照这里的步骤第 3 步做了的话:
, e. [3 |, r1 u7 D1 |) p        -  “GoldenDict 下载、安装、使用入门教程[Windows 版]” https://pdawiki.com/forum/thread-14072-1-1.html ,第 3 步 “新建 portable 文件夹”
% J8 T8 J5 F1 S“配置文件夹”就是 portable 文件夹。& I" K6 b# ?; c

6 C8 T! g$ O5 }2. 在“配置文件夹”下,新建两个 txt 文本文档:6 A# [+ g' V2 O3 }* ?1 k; J
- 新建文本文档.txt4 u" p! ]" ^% S; W  r2 x
- 新建文本文档 - 副本.txt1 D! ^" @9 a% R+ V" ]' e5 ^# E
* d) s/ t; ]0 r" f  J5 ~
Windows 10 下,文件资源管理器注意勾选“查看”->“文件扩展名”,否则看不到文件扩展名(.txt)。' Z; _) ^- q) ]/ f" L

& M4 G1 s4 |* T  f# _3. 将那两个 txt 分别更名为 article-style.css 和 qt-style.css + }9 i9 X) G2 z
一定注意,文件扩展名 .txt 也要删除并修改为 .css。重命名的时候,会提示“如果改变文件扩展名,可能会导致文件不可用。确实要更改吗??”,当然选择“是(Y)”。就改一个空的文本文档的名字而已,天塌不下来,电脑坏不了。
: q: G2 m; o% W; z4 f9 M5 v% |* W
4. 打开 article-style.css 文件(默认是记事本打开,也可以用其他文本编辑器),把下面的内容复制、粘贴进去,保存!一定要保存!" |# b/ Z3 s2 c$ J: ?' t+ H

- ^7 ]% z3 D& W1 S
  1. * {
    3 f/ M, `. [/ I1 A! w9 K! C6 f
  2. font-family: Arial, "Microsoft Yahei"!important;
    & ^0 c1 [( o  X0 C
  3. }
复制代码
. P& u! d5 v* z5 U3 t

" C* |3 y; v  D3 G5 @( d简单解释一下上面的 css 代码:" Q3 @* A  @) m- D( ]+ K+ r1 g
我的目的是让 GoldenDict 软件里里外外,所有文字,能是 Arial 的就是 Arial ,汉字都是“微软雅黑”("Microsoft Yahei")。$ T; |/ [8 j) r* W
:: 通配选择器(universal selector),显示为一个星号(*)。该选择器可以与任何元素匹配,就像是一个通配符。: Y' @. v) T- u" U. x5 U
:: 注意 css 里直接写字体的汉字名称“微软雅黑”可能没用,要用 "Microsoft YaHei" 且用英文引号括起来。
; e2 t1 V8 m8 @* E0 M1 P:: https://baike.baidu.com/item/css%20important/5283065: F. }9 [* U. f
:: css !important 作用是提高指定 CSS 样式规则的应用优先权。
- f* b. D0 r3 M$ j$ o9 T* ?1 o/ m6 H1 F: P8 N3 B! `
5. 打开 qt-style.css  文件,把上面的内容复制、粘贴进去,保存!一定要保存!
3 E, M5 n, W( s& E
% ~7 x# y1 c6 E1 W7 O我这里只是简单示例, article-style.css 和 qt-style.css 可以设置很多东西,GoldenDict 的界面定制,魔法几乎全在这两个 css 里。
# a1 E6 S: l/ z( |) K3 a" T不妨看看默认的“不到” 3000 行的 article-style.css  https://github.com/goldendict/go ... 6/article-style.css ,这里面的内容,都是可以定制的。1 Q5 [% k; A- ~5 _) |! r
不过,我是折腾来折腾去,觉得上面的 article-style.css 和 qt-style.css 已经够用了,其他的设置都是 GoldenDict 默认。7 u9 f2 Y2 Q* O/ }4 x" e' J( t

6 p0 n" [" L: g6 J" w, I6. 依次点击 GoldenDict 菜单栏,【文件】->【重新扫描文件】,或者直接快捷键 Ctrl + F5 , article-style.css 和 qt-style.css  这两个 css 就生效了,仔细看看,是不是字体变了?' z0 v4 ~8 l& ?6 M1 E+ G* ]  ?
- 左侧默认的英文字体是 Tahoma ,中文字体是宋体(SimSun);
$ z- ^5 J1 j+ I- 右侧的英文字体设置的 Arial,中文字体是微软雅黑(Microsoft YaHei)
( b! J! }4 U, o
+ o6 u" K/ A2 R6 Y, n大图点击:https://s1.ax1x.com/2018/02/05/9Kf0OI.png ,明显右边的显得更加平滑。/ j4 w2 M1 w) f8 q/ T9 v/ w* W0 N8 j
注:点击图片可查看大图,更清晰。0 Z9 F# g( _, f$ M; X- Y
                  p* I, {6 B+ L

! a# h! e6 y, ?" L6 E2 e/ r1 ]& {9 O字体尤其是汉字字体如果没变,可能您选用的是 qt4 版本的 GoldenDict ,建议用 qt5 版本的。7 A7 r* \6 W4 J( f0 L9 T' U; U. E
' L) ]0 o6 x$ C6 i( O1 E
CSS 入门简单,但是又可以很复杂,有很多坑,我也只会很简单的。更多的个性定制方案,还需要大家自行摸索。
1 L. [- D/ ~" \2 o1 Q
" T  }5 V% n: s1 u3 u3 y; G参考:
( r( N. B. {( f* C7 Z9 H& S- GoldenDict 专贴!https://pdawiki.com/forum/thread-11705-1-1.html
) l/ T5 B9 T) E$ u9 Q3 v
% p% n& m2 l* ^- Z8 }3 a. T0 k) k' R  \4 i" `
# G1 g8 U0 _! I+ v2 ^2 V

2 ]1 ?1 F0 t# |

评分

6

查看全部评分

本帖被以下淘专辑推荐:

  • 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的每日心情
    开心
    2019-12-28 16:46
  • 签到天数: 144 天

    [LV.7]常住居民III

    发表于 2018-3-13 15:08:23 | 显示全部楼层
    学习了,谢谢楼主
  • TA的每日心情
    奋斗
    2019-12-25 17:11
  • 签到天数: 31 天

    [LV.5]常住居民I

    发表于 2019-11-16 19:04:12 | 显示全部楼层
    谢谢,正在学习css,一步一步学习。
  • TA的每日心情
    开心
    2020-8-26 19:01
  • 签到天数: 157 天

    [LV.7]常住居民III

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

    [LV.6]常住居民II

    发表于 2020-3-2 10:38:47 | 显示全部楼层
    感谢指导,很有用
  • TA的每日心情
    擦汗
    2020-7-2 16:57
  • 签到天数: 77 天

    [LV.6]常住居民II

    发表于 2020-3-3 21:58:22 | 显示全部楼层
    谢谢楼主分享
  • TA的每日心情
    奋斗
    2020-7-5 01:54
  • 签到天数: 148 天

    [LV.7]常住居民III

    发表于 2020-3-19 15:42:56 | 显示全部楼层
    感谢教程,非常好
  • TA的每日心情
    奋斗
    10 小时前
  • 签到天数: 178 天

    [LV.7]常住居民III

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

    [LV.5]常住居民I

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

    本版积分规则

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

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

    GMT+8, 2020-10-24 19:28 , Processed in 0.041388 second(s), 12 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

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