掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 2391|回复: 7

[经验交流] Mdict的全局和单词典的CSS相关问题

[复制链接]

该用户从未签到

发表于 2012-11-6 06:59:03 | 显示全部楼层 |阅读模式
今天晚上我测试了Mdict的全局和单个词典的CSS文件,
/ f: b" q  k7 c$ E在这两者中找配合关系...6 M$ t+ [5 o" N) M9 H
最终直接解决了我之前一直没有解决的问题,7 L8 a2 R( [$ m8 O
就是自定义字体问题...+ m" ?. r$ ^! m5 \% f
因为之前一直是用Bluedict测试和使用自制词典的。。。。- o$ A9 J8 F' Z( \2 I$ C4 a
------------------------------------------------------0 I" n3 q) Q3 {4 R3 q* B4 {: c- j
需要在单词典的CSS文件中使用@font-face先自定义某名称的自定义字体,然后引用加载之...9 o2 e# s% ?0 @
因为有些符号系统默认字体直接显示框。。。+ J* J( l7 d5 H* p1 Y2 j0 n5 Q
见下面代码。要是谁可以类似地,全局定义好字体就好了。我的意思是手机上自定义字体,正常、粗体、斜体、斜粗体都需要定义。。。& }- q8 o. J9 R" n
可是电脑网页上的不需要这么定义... 谁知道回复下好吗?
2 g  O6 D% `5 ]6 X: k------------------------------------------------------; j; c. F* @# d& |4 X: @0 C
另外,多词典查询模式下,每个单独的词典的CSS都有效的话,必须保证原词典词条中就加载了CSS语句,如:<link rel="stylesheet" href="意汉词典[图片版].css">1 D0 E$ y8 J+ R3 H3 q2 g5 t# ^3 C# F3 l
------------------------------------------------------
3 |  c7 M' E) H  ^8 i接下来,如果MDICT能够实现【词典配置】就好了...
5 o- `! m9 w9 w0 u" G还有默认列表可以选择某个词典显示、随机浏览。。。8 ]( q& x$ b. u: D, k5 P9 z
我还在用Bluedict的原因有时候就是随机翻翻词典...
7 H8 k$ G  A* N8 q: M% I( l------------------------------------------------------+ U- n( k2 a. P! n  I
下面是单个词典的CSS文件中我定义的自定义字体,调用示例也先附上:
  1. XSCT$ ]4 x6 ^$ s5 V! Z3 d- e  Z" r
  2. /*显示词条:显示è, é, ì, ò, ó, &#1255;, ù, &#7779;, &#7827;等特殊符号, 横隔线下及||衍伸单词*/6 q. N! Z9 M6 ?) L( S& X9 f8 G7 q( Z
  3.   {
    . l9 J1 g3 q+ W: v$ K6 q# a( @
  4.   font-family: Times_New_Roman_B, Serif, sans-serif;& Y8 h  ]' |9 N. c. P: {6 E
  5.   font-size:15px;
    7 m' I' b5 g) x4 b( a0 B5 M. H8 i3 ]
  6.   font-weight:bold;
    4 _& {4 _7 S/ d+ z1 o
  7.   font-style:normal;3 U) |3 Q, Z2 o2 L- g1 ], g
  8.   color: #0B0B3B;
    7 ?, V4 L8 ~  h& C" a" Y
  9.   }
复制代码
------------------------------------------------------
  1. /*定义一种普通字体*// `7 k8 S; j! ]' w3 X, B' w
  2. @font-face- l& G7 ?/ F' v" U" C+ z
  3. {8 O" D' Q  ]6 C! N0 d
  4. font-family: Times_New_Roman;
    # B2 e  S3 \" M- h& [0 N6 ~+ O  C% l
  5. src: url('file:///sdcard/mdict/fonts/Times_New_Roman.ttf');* l0 P- S1 l, N; _( A
  6. font-style: normal;
    , M8 d& A4 Z4 H4 X; j/ H
  7. font-weight: normal;5 d5 E1 q+ K2 B+ j. |
  8. }; u' }6 \( i3 _( l- k& |
  9. /*定义一种粗体字体*/4 y' r  [! x) S5 f: r* C
  10. @font-face) `* I7 B! O, Y8 \! Y
  11. {
      g( ]: k* M3 _* Q+ }# C) A
  12. font-family: Times_New_Roman_B;1 m, m" T! I4 }  ?; E& S
  13. src: url('file:///sdcard/mdict/fonts/Times_New_Roman_B.ttf');
    ; C  \7 |6 y) n1 N" E" ~
  14. font-style: normal;0 M3 N- l' `7 e) c3 v
  15. font-weight: bold;0 q: M; `' j0 t* T  v$ Z
  16. }
    , I# J# U$ D, e, [: [
  17. /*定义一种斜体字体*/$ `. c7 j9 u0 s: N* S
  18. @font-face
    : `5 k8 W- [; B! K" U/ [% z  l% S
  19. {
    $ m7 f9 J9 @0 M/ u! [- V" ]( K  u
  20. font-family: Times_New_Roman_I;
    7 a7 }& V; P$ N& N; ~
  21. src: url('file:///sdcard/mdict/fonts/Times_New_Roman_I.ttf');
    - g5 |) L, E3 w3 C3 S* v+ a
  22. font-style: italic;9 Z8 W' S3 \5 `; h- S
  23. font-weight: normal;3 ]' u2 A: ~! `' J8 _) D+ S+ B8 w
  24. }$ |- A0 e1 Y. T0 x( D1 T
  25. /*定义一种斜体&粗体字体*/
    / g2 x5 h; Y+ \& _7 g; R. p8 h$ R- e
  26. @font-face
    + f9 \4 O: F0 h
  27. {
    " F& K7 t* S3 P4 ]& H
  28. font-family: Times_New_Roman_IB;( W# \( a% r6 M' {* @. R' Q: m
  29. src: url('file:///sdcard/mdict/fonts/Times_New_Roman_IB.ttf');
    $ v7 V) n6 w: V% S" B- D
  30. font-style: italic;
    & S( y* s% Y; q/ ?, \  E- I. ~+ M
  31. font-weight: bold;
    / X% _1 x" R) ~( S6 h& w
  32. }/ a; k3 [, N% Z9 ^1 ~( x/ H- \; [) _
复制代码

评分

1

查看全部评分

该用户从未签到

 楼主| 发表于 2012-11-6 07:08:27 | 显示全部楼层
补充:
  K; Q* n. n" Z2 V* ~6 c0 i1) Mdict的全局CSS文件(mdict.css)位于:/sdcard/mdict/doc/
9 c, U* T( l1 m5 a: W& r2 @0 f' r2 U$ \2) 单个词典的CSS中 BODY{} 部分对未有文字标签<BIAOQIAN>文字</BIAOQIAN>的剩余内容影响很微妙
5 X+ d  f4 @8 ~+ C3) 可以在mdict.css中设置阅读保护色,如rayman默认设置的是:7 K) Z2 e- M0 [/ D
    body{background-color: #CCE8CC;}+ Y6 A  C+ S& X; |: y% l7 U
4) 单个词典的CSS对词典超链接的A标签去下划线的配置不起作用,需要在全局CSS中添加去下划线CSS代码... 这个我表示... - -
  • TA的每日心情
    慵懒
    2021-12-21 09:52
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2012-11-6 07:51:54 | 显示全部楼层
    谢谢分享!

    该用户从未签到

     楼主| 发表于 2012-11-6 08:04:06 | 显示全部楼层
    联合查询模式下,因为某些词典CSS标签没有关闭完全,会对之后的词典显示造成影响。

    该用户从未签到

     楼主| 发表于 2012-11-6 08:20:56 | 显示全部楼层
    然后发现自定义全局的CSS后,倒也可以在其中设置BODY{},可以实现全部的字体效果。。。这是为什么。。。我不明白了。。。不过是好事!
    9 j8 U' {& J" @+ y: x4 }1 t( Y使用 https://pdawiki.com/forum/thread-3896-1-1.html 的字体,在ANDROID上超好看!! g; Q! Y" r) w/ `' }" V4 {8 t5 N
    body; M$ P" g: y  f! B3 F5 y
    {0 Z8 e  \" n3 i2 v- f7 Z) ~
    font-family: Times_New_Roman;+ f8 r8 @# Q3 K% r8 d; E# V: f
    font-size: 12px;
    4 d1 {# a6 P+ A+ e8 Z}

    该用户从未签到

     楼主| 发表于 2012-11-6 08:21:15 | 显示全部楼层
    GTersGDS 字体效果 (I like it)- m) e/ f1 l& A. G' Z2 T
    : H  j, s' F1 h# M9 Q# v5 Z3 n* s
      Gters-GDS.tar (270 KB)

    该用户从未签到

    发表于 2012-11-6 11:23:19 | 显示全部楼层
    多謝樓主,很有用

    该用户从未签到

     楼主| 发表于 2012-11-6 20:10:20 | 显示全部楼层
    部分词典, CSS或者HTML标签关闭不全...- P% O) m7 b% k, f! G# }
    这个问题很严重...6 d* }* s$ P. d( h4 o2 @
    在MDICT联合模式下...
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-29 16:43 , Processed in 0.063874 second(s), 12 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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