请教一个android Mdict的字体问题

belleyeah

; [% m/ v$ v' f/ u) H论坛里的老字典：Oxford Talking Dictionary
0 g8 `  t8 F5 j2 h7 p; N9 R这个词典，需要一个字体显示音标，解开mdx里面是这样的：
$ P* N) C& Q) a( u4 s- l

<FONT face='Ipa-samd Uclphon1 SILDoulosL'>&#34;

于是乎，放狗一搜，第一个就搜到这个字体文件，电脑这个字体安装后完美显示音标，
% y6 x/ [# s, ]然后我在安卓是这样操作的：
建立一个与字典的同名css文件：Oxford Talking Dictionary.css，这个css会被读取。
里面这样写：

@font-face {
, u6 q2 ]5 \/ J" K" ]7 k    font-family: 'Ipa-samd Uclphon1 SILDoulosL';
    src: url('ip769292.TTF');
}

& b' d8 \4 s- c) X  I1 N9 i然后把css和字体文件跟mdx放在一起。
结果发现设置无效。

2 `1 q* l, c2 K( S! t6 ~  R, B然后我又试了把文件设成绝对路径，同时把字体放到mdict/fonts下面

    src: url('file:///sdcard/Mdict/fonts/ip769292.TTF');

' z8 z+ x7 _  {& U# _0 @3 w% Q. x还是失败。
请教问题出在什么地方？
( ~. b/ I( A3 K/ O

gnoweb

举例来说，如果你的 CSS 文件放在 /sdcard/Mdict/doc/style.css 这里，你要用 /sdcard/Mdict/fonts/ip769292.TTF，那 CSS 文件里面就要写成：
5 z7 r& A1 m) U
src: url('/sdcard/Mdict/fonts/ip769292.TTF');
; S* h" B5 f7 Q- z. j( {
7 M- a" f# C9 E! s8 r! M或

src: url('../fonts/ip769292.TTF');

file:/// 这种前缀，貌似 Android 上没这样用的，是 Windows 下的写法吧。
: ~/ P4 Z$ S/ I9 j* m% m& r
+ O1 ?' ~" v1 J3 W. q3 c# m另外，即使你 CSS 都设置好了，也不会工作的。因为你的 CSS 文件里面，还没有为 font 标签指定字体，必须要为 HTML 标记指定样式规则才可以出来效果。所以应该加上：
& w6 x8 U' Q& x7 J# Y8 v
" m# {  C* x: Z" Z1 U8 ]: q, S4 vfont {
" f. }, c$ X$ T, h        font-family: 'Ipa-samd Uclphon1 SILDoulosL';
}
3 y+ x' j. h* a* R" ~7 S
7 c1 x" A; ], J1 p3 k才行。
8 D+ `$ ~& l" ^- G. G( I
但是问题来了：
+ o- }$ y) J; b/ ~1 [" R+ E
我们这样写的话，对于 font 这个标记来说，浏览器会看到两个规则：
: T; p# K' M4 H9 {" H
" R, S+ d- M: m* K, r, Rface='Ipa-samd Uclphon1 SILDoulosL'                        
style="font-family: 'Ipa-samd Uclphon1 SILDoulosL';"  （从外部 CSS 文件读到的规则）

; l( f6 S: l3 R6 J  Y8 i: T, O+ L0 s这时浏览器怎么处理？如果它选第一个，抛弃第二个，那么，浏览器它肯定找不到 'Ipa-samd Uclphon1 SILDoulosL' 这个字体，这样就没效果了。
) S( {/ Y% v+ V  V4 i) @. U2 r4 }7 b如果它选第二个，抛弃第一个，那一切完美，因为它可以从 CSS 文件里的路径信息那里得到它需要的字体。
或者它觉得两个规则不好选，那就干脆全部都抛弃，那和选第一个规则后的结局相同。

<FONT face='Ipa-samd Uclphon1 SILDoulosL'> 这个东西，HTML 的 font 标签，HTML 3.2 里面正常的东西， HTML 4.01 已经不推荐使用了，HTML 5 已经把它列为淘汰过时的元素标记了，所以不保证以后所有的浏览器都能支持。另外，最主要的是，它已经被 w3c 抛弃，对 CSS 来说，FONT 已死，CSS 与 FONT 组合用的话行为无法预测，因为从来没人会把 CSS 样式与 FONT 标签组合起来用，一般是与 SPAN 或 DIV 之类的组合。

1 D/ M  Y4 j, F+ o3 J所以如果在手机上没效果的话，你要解包 MDX，把 FONT 标记替换为 SPAN，把 face 属性及里面的字体信息都删掉。改成如下类似的形式：
- S; x; S6 j& \. x+ W. F6 I" r
. ~4 ^2 k  J5 L: C6 w, a  X7 k<span class="ipa">...</span>


; J. b; B# V! e( H( a7 S2 X把 CSS 里面加上：

0 G- j; O. T. M& e; W# [.ipa {
        font-family: 'Ipa-samd Uclphon1 SILDoulosL';
}
  G) F' v% u5 Z. A5 i
才行。


, }4 B  }- ]( L* P* P