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

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

本帖最后由 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
<link rel="stylesheet" type="text/css" href="css_for_android.css">
<dic-cont>
<dic-g_f><dic-w>word</dic-w></dic-g_f>
<dic-g_f>对应词、释义：</dic-g_f>
<dic-g_s><dic-ex_en>example1</dic-ex_en><dic-ex_zh> / 例句1中文翻译</dic-ex_zh></dic-g_s>
<dic-g_s><dic-ex_en>example2</dic-ex_en><dic-ex_zh> / 例句2中文翻译</dic-ex_zh></dic-g_s>
</dic-cont>
</>
-----------------------------------------------------
【css_for_android.css】里，自定义字体等：

/*MDICT安卓版本自定义几个本词典需要的字体，需将字体复制到SD卡下mdict目录fonts文件夹里*/
@font-face{font-family:"Palatino Linotype";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/pala.ttf');}
@font-face{font-family:"Palatino Linotype";font-weight:bold;font-style:normal;src:url('file:///sdcard/mdict/fonts/palab.ttf');}
@font-face{font-family:"Palatino Linotype";font-weight:normal;font-style:italic;src:url('file:///sdcard/mdict/fonts/palai.ttf');}
@font-face{font-family:"Palatino Linotype";font-weight:bold;font-style:italic;src:url('file:///sdcard/mdict/fonts/palabi.ttf');}
@font-face{font-family:"Georgia";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/georgia.ttf');}
@font-face{font-family:"Georgia";font-weight:bold;font-style:normal;src:url('file:///sdcard/mdict/fonts/georgiab.ttf');}
@font-face{font-family:"Georgia";font-weight:normal;font-style:italic;src:url('file:///sdcard/mdict/fonts/georgiai.ttf');}
@font-face{font-family:"Georgia";font-weight:bold;font-style:italic;src:url('file:///sdcard/mdict/fonts/georgiaz.ttf');}
@font-face{font-family:"Kaiti";font-weight:normal;font-style:normal;src:url('file:///sdcard/mdict/fonts/simkai.ttf');}

/*本CSS只作用于本词典，不影响其他词典的CSS*/
dic-cont{font-size:1em;font-family:"Palatino Linotype",Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
dic-cont dic-g_f{display:block;font-family:inherit;}
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;}
dic-cont dic-w{font-size:1.3em;font-weight:bold;color:blue;}
dic-cont dic-ex_en{color:#369;}
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

单词
<link rel="stylesheet" type="text/css" href="css_for_android.css">
<dic-cont>
解释等内容
</dic-cont>
</>


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

dic-cont Tag1 {...}
dic-cont Tag2 {...}
dic-cont Tag3 {...}
dic-cont Tag4 {...}
dic-cont Tag5 {...}

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

我也想听大家的建议！谢

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

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

你不是一个人！

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

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

我已经解决了，通过配置描述文件可以给IOS安装字体，workflow和爱装字体都可以解决。
页: [1]
查看完整版本: Mdict for Android 经验: CSS 自定义字体 局限 单个词典