Mdict for Android 经验: CSS 自定义字体局限单个词典

chigre3 · 发表于 2016-3-8 04:10:11

本帖最后由 chigre3 于 2016-4-5 20:22 编辑

字体测试说明：、
1. MDICT PC版，只要指定的字体系统已经安装，包括 CJK擴展E區都能正常显示；
2. MDICT ANDROID版，貌似只能支持到 CJK擴展B區部分字符；
3. GoldenDict Android版，同样的文件(转stardict格式)和css，CJK擴展E區正常显示

中國哲學書電子化計劃字體試驗頁
http://ctext.org/font-test-page/zh
現在公開されている花園明朝：2016年02月01日版

PS. 以下只是简单举例，事实上，手机上用的话，还是尽量少自定义字体为好，加载显示速度有影响啊！

【词典.mdx】的词条都使用了外置式CSS，例如：
-----------------------------------------------------

word! K- I$ v, X5 d5 e$ A0 P% y4 R4 }
<link rel="stylesheet" type="text/css" href="css_for_android.css">- u, |7 }+ P; V, {# N0 S
<dic-cont>
: |' I. S- A9 B
<dic-g_f><dic-w>word</dic-w></dic-g_f>' ~) k& i5 @8 l \! ]
<dic-g_f>对应词、释义：</dic-g_f>
+ M v$ ]: v$ q7 Z
<dic-g_s><dic-ex_en>example1</dic-ex_en><dic-ex_zh> / 例句1中文翻译</dic-ex_zh></dic-g_s>
' z9 X" p# U3 Y! Y
<dic-g_s><dic-ex_en>example2</dic-ex_en><dic-ex_zh> / 例句2中文翻译</dic-ex_zh></dic-g_s> H# Q) p1 W# y6 z* M1 X
</dic-cont>7 Z* f; n# Q% f% [( c
</>

复制代码

-----------------------------------------------------
【css_for_android.css】里，自定义字体等：

/*MDICT安卓版本自定义几个本词典需要的字体，需将字体复制到SD卡下mdict目录fonts文件夹里*/ q; s! A* M9 {3 d& P; B
@font-face{font-family:"Palatino Linotype";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/pala.ttf');}
- d2 F) y6 }* j/ z/ _8 O
@font-face{font-family:"Palatino Linotype";font-weight:bold;font-style:normal;src:url('file:///sdcard/mdict/fonts/palab.ttf');}
|! G& V8 r8 r$ v$ f5 D/ H
@font-face{font-family:"Palatino Linotype";font-weight:normal;font-style:italic;src:url('file:///sdcard/mdict/fonts/palai.ttf');}/ {0 O& ~. C0 r2 X$ h1 T
@font-face{font-family:"Palatino Linotype";font-weight:bold;font-style:italic;src:url('file:///sdcard/mdict/fonts/palabi.ttf');}' l. p/ F" X! a: X" u
@font-face{font-family:"Georgia";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/georgia.ttf');}
2 ^7 q& n5 V8 l# }, M. H) u
@font-face{font-family:"Georgia";font-weight:bold;font-style:normal;src:url('file:///sdcard/mdict/fonts/georgiab.ttf');}; I8 @' D1 j1 _
@font-face{font-family:"Georgia";font-weight:normal;font-style:italic;src:url('file:///sdcard/mdict/fonts/georgiai.ttf');}
1 b, X' ?# k8 s5 D/ l. [
@font-face{font-family:"Georgia";font-weight:bold;font-style:italic;src:url('file:///sdcard/mdict/fonts/georgiaz.ttf');}; h0 c( B% { t6 u+ R T3 a
@font-face{font-family:"Kaiti";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/simkai.ttf');}8 {) k& e$ b* [$ z" z( B( ?: h
5 T+ {3 @4 _& q
/*本CSS只作用于本词典，不影响其他词典的CSS*/
8 V e h g6 ]# V5 S
dic-cont{font-size:1em;font-family:"Palatino Linotype",Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
" L6 g7 ?( H, {/ v0 w: c# {; m
dic-cont dic-g_f{display:block;font-family:inherit;}6 b$ A. T) T4 B' m$ ^2 A6 {
dic-cont dic-g_s{display:block;margin-left:1.5em;font-size:.9em;font-family:Georgia,"Times New Roman","KaiTi","Microsoft YaHei",STXihei,serif;}+ A2 K3 y2 L& b7 I' U
dic-cont dic-w{font-size:1.3em;font-weight:bold;color:blue;}+ B l2 Q; b) k2 D, f1 f8 Z1 w/ \
dic-cont dic-ex_en{color:#369;}
! R R. @# ?+ g; e- z2 n$ E4 k
dic-cont dic-ex_zh{color:#666;}

复制代码

截图是真的词典查询结果，和上面的例子不相关的啦~ 效果是同一个道理

slgns87 · 发表于 2016-3-25 12:40:59

由于iOS不能随便安装中文字体，我尝试过这种方法自定义字体，并将调用的大字符集字体打包进MDD文件。结果是MDict偶尔能正确显示，但频繁崩溃，欧路从未正确显示过。不知是不是我一个人的问题。

tsiank · 发表于 2016-3-8 17:39:52

看了你的帖子，我知道了我那个多字体为什么不能用。原来是字体的问题。不知道为什么北师大说文篆体，sun-extA这些字体不能被引用，而方正小篆体却可以。

chigre3 · 发表于 2016-3-9 01:45:30

其实我也不明白为什么会这样。。。同样的文件，安卓下，GD可以调用各种字体，Mdict部分字体

clue225hh · 发表于 2016-3-15 19:52:35

新人请教一个问题，手机安卓版的Mdict，下载了字典，里面的mdd.mdx我知道是放在doc文件夹，但是字典里还有css,source一些文件，请问这些文件是干什么用的，又需要放在哪里？谢谢

robertchow · 发表于 2016-3-20 22:59:12

好好学习了！！！！！

zllx666 · 发表于 2016-3-21 00:35:19

来支持下不错的资源

hx0000 · 发表于 2016-3-25 05:31:50

mdx，css同名放在doc文件夹,mdd部分需audi
，source没见

chigre3 · 发表于 2016-4-5 20:20:39

单词* I+ l5 h' E/ {% U3 _& d; ] {
<link rel="stylesheet" type="text/css" href="css_for_android.css">& ]" k+ e& I; t5 F( e: } y
<dic-cont>% O$ M- T5 k# N6 p ^
解释等内容7 M$ g, t2 `7 @: @1 C$ @
</dic-cont>$ P3 R: j! Q3 m$ a& t+ G
</>* U7 a; y4 ~. P" g+ l/ X

复制代码

dic-cont 这个标签名为唯一，不和其他词典CSS标签重复，可以做到单CSS仅仅作用于本词典！！！非常重要！！！

dic-cont Tag1 {...}
( F7 S. V1 a2 l- j( a5 f4 }
dic-cont Tag2 {...}
+ y% J" u$ \- a: _
dic-cont Tag3 {...}, T" E8 ^; o! p; ]2 a" E9 @. o. f
dic-cont Tag4 {...}. R2 T) j: o8 ~7 I3 o
dic-cont Tag5 {...}

复制代码

dumengqiu · 发表于 2016-5-12 18:32:22

我也想听大家的建议！谢

独行者 · 发表于 2017-5-24 17:46:58

slgns87 发表于 2016-3-25 12:40
$ d5 b, S6 i9 ^, `# d由于iOS不能随便安装中文字体，我尝试过这种方法自定义字体，并将调用的大字符集字体打包进MDD文件。结果是 ...

你不是一个人！

独行者 · 发表于 2017-5-31 16:42:37

slgns87 发表于 2016-3-25 12:40
1 ?: W$ J9 t3 b+ s4 Q' T5 W由于iOS不能随便安装中文字体，我尝试过这种方法自定义字体，并将调用的大字符集字体打包进MDD文件。结果是 ...

我已经解决了，通过配置描述文件可以给IOS安装字体，workflow和爱装字体都可以解决。

		自动登录	找回密码
密码			免费注册

[经验交流] Mdict for Android 经验: CSS 自定义字体局限单个词典

本帖子中包含更多资源

[经验交流] Mdict for Android 经验: CSS 自定义字体 局限 单个词典

本帖子中包含更多资源

[经验交流] Mdict for Android 经验: CSS 自定义字体局限单个词典