掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 935|回复: 12

[求助] 求助: CSS使用非常规字体fonts,更新,@font-face路径问题

[复制链接]
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

    发表于 2018-1-3 04:52:00 | 显示全部楼层 |阅读模式
    本帖最后由 Cuppa 于 2018-1-5 10:05 编辑 ) z+ U. \( D* c; u1 P1 ~) n

    ; j5 J% o" d( e, Y5 P1 R! mCSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    ; K9 k0 a% H8 r9 W3 @, r" C3 G  n* G' L; a6 ]! [* W* |
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.: S& N9 n$ }$ O3 v; S+ U
    , a$ d: Y1 e6 O: T: P
    要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件( R5 Z) F( o1 x( X7 \5 \
    1.字体文件应该放在什么位置
    # k% m) |* t) w$ M$ p: b2.对文件名有没有特定的要求, `1 t9 A. T* s) X" @6 B
    3.是否可以和css或者js一样不打包进mdd,方便以后修改.4 k1 W  Q" Y/ C, c7 c. p( W7 A
    9 i! ?8 ]5 y5 x' Q: O
    望高手指点, y9 y; p8 x2 u3 o

    7 Q$ y5 |7 q: h" S! U! Q. k1 W更新一下,@font-face路径问题:
    & q: x/ V2 Y% W. m, v6 C( D使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载
    ; o. C! p% Y! ?4 C+ K4 M* D
    * E! I# n* [+ P0 w: `* |$ h使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载# c% z" b4 o8 y5 z0 Q% d) |1 y# a( z

    . B7 g8 Z. x  b3 e" p9 Y9 E不知道问题出在哪里) O' H* y$ }0 k, u# x
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    + M6 H. T$ R( h- x安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...
    % q! s/ S! f" f8 s& q$ @/ Y; c) Y8 @5 P
    'file:///storage/sdcard/font/**.ttf'
    " u$ Q  N; {! W% H! y这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.5 s1 s& [' d2 w8 a8 t+ X! p% j5 d" M

    , u3 s8 ?: ?- U' R0 {9 k& F1 R1 Q我在搜索有没有一个比较智能的路径写法,类似于只规定fonts文件夹和css文件在同一目录内,这样换到任何设备这个路径都是有效的.
  • TA的每日心情

    2019-9-20 08:37
  • 签到天数: 214 天

    [LV.7]常住居民III

    发表于 2018-1-3 05:42:15 | 显示全部楼层
    @font-face 这个功能
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 08:05:31 | 显示全部楼层
    HMPT 发表于 2018-1-2 21:424 `% w& _/ P, A
    @font-face 这个功能
    7 c) V0 e2 t- ~  X/ F$ n0 D2 L4 ~
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    2 [7 e. X0 k# v8 y  ?2 [" v. [# j  B
    1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件; ~, E$ v1 g+ B% ?
    2.字体文件是否需要打包进mdd,能不能直接放在文件夹里
    % A2 _  z$ q/ O" L# U3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot! M, o+ }/ ?  t: ]' M& Q' Q9 |
    ( f: }9 ^' U- C, g* f
    thx
  • TA的每日心情

    2019-9-20 08:37
  • 签到天数: 214 天

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05
    " m# r9 }! g" B/ R' }0 o我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    & }+ ~' o, X) X9 R  P9 D5 U0 m2 q6 Q; y0 O6 q
    1.在写CSS的时候,应 ...
    $ S1 j; Y& X) j; |9 b( d
    把字体转成base64, 仅限于西文字体7 L, U2 V* [( X; Q
    中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf': @9 {, w$ G" x4 L5 o2 J
    http://www.pdawiki.com/forum/for ... hread&tid=15813
    8 T2 j" z, [8 r旧手机建议使用ttf格式,渲染速度快。新手机无所谓0 v" ^9 [5 _2 a
    苹果的话通过描述文件安装字体就可以,连@font-face都不用写,直接指定字体名称
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-4 10:41:47 | 显示全部楼层
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还可以写/storage/emulated/0/,而且最近几年的手机如果带有外置SD卡那么就不是这个路径了, 变成了/storage/sdcard1(不一定所有设备都是这个)
      u& }7 V1 `5 g% V- E3 O: [所以如果不想纠结路径问题的话就把字体和css放到同一目录下,直接引用相对路径

    该用户从未签到

    发表于 2018-1-4 10:57:25 | 显示全部楼层
    等新版吧。新版会尝试解决这个问题。
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-4 13:17:36 | 显示全部楼层
    HMDT 发表于 2018-1-4 02:41' r8 z. c4 D! I: U
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    5 J. t* W+ E: l对,这个就是我想要的'智能的'解决方案,就是用相对路径.7 d3 k  _  K& N3 ^2 k. V

    5 g5 D$ p$ C1 g" i后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41
      [" X7 Q( f1 O! y/ ?5 @$ {sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    ) H) w  l& |) \  M$ `

    ; u$ i7 c8 Q, z老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28. r" M$ c$ M5 x/ L
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...

    & I: X- j/ r+ e2 C+ K# W& ]5 y
    2 T- s6 I7 g2 x' {, `$ [2 A如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录
    ; h! h. ^2 z) A! `  |

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?免费注册

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:169 @, i1 s0 W' ~1 @: }5 n
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...
    ( b  w; `1 Y4 @; v: |
    手机端GD不行 mdict没测试
  • TA的每日心情

    2019-9-20 08:37
  • 签到天数: 214 天

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33
    . [& Q4 V8 w3 [手机端GD不行 mdict没测试

    5 i: x# Q( ]8 C1 a$ O等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-26 00:32 , Processed in 0.062611 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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