掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 929|回复: 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 编辑 3 C0 Q4 t1 @0 [0 W) x) j" j
    3 {) n6 q9 N2 |' x8 o5 v2 L; Z
    CSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    " c) M9 O8 D  B; R8 h) b4 M; j8 f% I. ?6 P0 d  M; I! l
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.5 X, o( y7 |0 o8 _

    # x, |% H6 l. E4 s) Y8 |要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件5 H; b8 E9 }7 G8 O( Y/ o6 o" ]4 P
    1.字体文件应该放在什么位置3 D0 Q2 b! `  U" d& `2 I. h
    2.对文件名有没有特定的要求
    , N/ ~- Y2 A0 n  }! O+ L3.是否可以和css或者js一样不打包进mdd,方便以后修改.
    9 o7 S5 M, L6 j  R  p5 e! Q1 _  ?5 b5 L7 r- d  m
    望高手指点5 w- p# ~' e, d3 |2 T5 Y- a; [( H0 y
    / L& j5 h( R: F! u& h
    更新一下,@font-face路径问题:
    5 C* M/ q& `3 M/ Z使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载
    # p, m7 k$ K/ y! x1 A' `6 `/ k) M$ G9 |1 U0 X9 [1 s- f
    使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
      _, P% ]9 s8 D- Z5 @
    % E% R9 R. U- h- k  o: K. E不知道问题出在哪里
      a4 @. _: z0 V" I4 V; ?  t/ @* B
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    ) `& m6 E' r6 x安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...
    1 `9 R1 u% d' R
    'file:///storage/sdcard/font/**.ttf'" v  i: U; ]/ }
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了./ E  g  t7 ~/ t+ Z1 L5 |
    8 ?  H. l6 R, g, {
    我在搜索有没有一个比较智能的路径写法,类似于只规定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:42# V4 d9 o3 m: A: X
    @font-face 这个功能
    9 g% N# Q/ T2 u3 R; `9 R8 h8 {
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下% m+ S9 a, j* @- o  [4 `8 N
    1 o- B7 l4 c. ~( @' c& J
    1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件8 X2 t, q+ y$ P* L0 {( [9 F
    2.字体文件是否需要打包进mdd,能不能直接放在文件夹里+ D5 ]6 X& `" i7 N! S6 d3 ]
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot
    " @! H# n$ |/ a- C' k& O3 I. g3 T7 U. g7 d0 B8 f
    thx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05; Q/ ~! H. a7 X
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下- ~: h2 D9 O! ], o& J

    ! d  b$ ?/ I* y0 L- l1.在写CSS的时候,应 ...

    4 O1 u: ^- C- u  A把字体转成base64, 仅限于西文字体7 ~% c: G& _+ n0 A4 q) }
    中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf'7 e) ?7 N1 X! W4 K  W
    http://www.pdawiki.com/forum/for ... hread&tid=15813
    ; X1 Y$ I6 a, A! C, e旧手机建议使用ttf格式,渲染速度快。新手机无所谓
    0 k7 w0 s) v+ _苹果的话通过描述文件安装字体就可以,连@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(不一定所有设备都是这个)
    4 S4 |! N' Z, I6 l所以如果不想纠结路径问题的话就把字体和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
    ) x& w5 u- J, Q" P, K$ \+ H6 Jsdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    & s. Q$ N8 e1 v+ S4 |3 G( d对,这个就是我想要的'智能的'解决方案,就是用相对路径.
      |/ P  w  [( W' ~( s5 A& P$ N$ N- Z; q
    后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41
    * g: I) S- o7 \; O5 asdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    2 a# B. c9 j4 @7 }

    : f, z" Q# [0 B: x+ ?6 R' a  a老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28
    1 j& K5 E8 N6 x9 A2 [: o0 n老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...

    " Q$ X& y* C0 ^/ R- h. W5 M7 _0 s1 y
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录# z4 N7 o$ n& \( Q9 S! v5 f; V4 ?

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16
    / h; }9 ?: X+ F9 o如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...
    % x* f5 f8 V4 ^3 s
    手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33' k) C3 M7 F! K
    手机端GD不行 mdict没测试

    6 i$ a7 X* y6 M, Z  Y等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-3-29 17:07 , Processed in 0.032855 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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