掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 932|回复: 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 编辑
    - j' s  j6 Y9 N0 s9 ?. P4 C% ^; ?; I! N4 L5 T
    CSS中设置的字体在手机词典上无法显示,只能显示默认字体.6 [6 {4 j7 G; I2 E% C
    ( o, ^6 }0 `/ s) Y5 x8 e1 u
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.5 L* n" Y! j- w5 ^

    7 g8 t$ N7 v3 C3 h要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件. _- {! m) q, Y& d1 P
    1.字体文件应该放在什么位置
    7 h" p5 M, J. M% q/ j1 j2.对文件名有没有特定的要求
    7 J3 k& u1 T9 Q9 p0 b% H$ |" u3.是否可以和css或者js一样不打包进mdd,方便以后修改.
    & \6 g( l' u" h5 a! z# }
      g+ j( C/ r9 @  S1 U" H  K  W望高手指点1 A. `" q- R2 B( n

    ) ], w2 V( k" b" T8 J$ S; N# V" r更新一下,@font-face路径问题:
    - V. ^7 Z6 _; ^7 ?9 Q" U4 i使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载9 C0 ^( N+ K. K* C5 R8 l$ g

    * {/ B2 n2 i7 M' s, w" P使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
    9 t' X8 ^) ^2 o9 X# i7 O
    + p' D4 E) w8 @+ e8 ^& a( U不知道问题出在哪里' m/ g1 ?$ A$ z
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    : ?+ R& V* |1 P安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...

    " t5 i. Q; P# ~'file:///storage/sdcard/font/**.ttf'
    5 ?+ t4 f2 Z$ o0 V8 R" @这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.
    5 l* |) F: M. r  ^4 _8 }+ U0 s0 L4 h: K% S( A; 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:42
    9 u0 i3 E! f  h. G@font-face 这个功能

    / O7 `; }' C. T% b6 A) D6 h% v1 N我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
      Y9 P; ]" ~9 }* K: P1 @# f, l2 J6 ^, c& A1 u3 C
    1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件6 V" `' @: s: C( y+ I
    2.字体文件是否需要打包进mdd,能不能直接放在文件夹里& E9 s0 H" }( x0 v0 E( M
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot
    * F2 E$ x" G% t- L" E- c5 f# d# z! K' S0 B# m
    thx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:053 d6 [% A2 ^( F: s! l! D1 i
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    4 s, s) f) H3 H8 c% b/ r0 e! R7 }9 M1 {# d/ g% I
    1.在写CSS的时候,应 ...
    ( {2 Q1 b7 c( ?$ W* Z9 U
    把字体转成base64, 仅限于西文字体
    6 U1 M8 X' m* d. q4 P中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf'* Z; i- n: D& q
    http://www.pdawiki.com/forum/for ... hread&tid=15813
    # Z( K" B" l/ r5 D9 g- z旧手机建议使用ttf格式,渲染速度快。新手机无所谓
    7 Y& e9 v" G$ U苹果的话通过描述文件安装字体就可以,连@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(不一定所有设备都是这个), N* e' p4 O3 U/ C  |4 }8 z
    所以如果不想纠结路径问题的话就把字体和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. E1 q) L0 f, o
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    . [" J( D. o/ q  J6 N6 }" \对,这个就是我想要的'智能的'解决方案,就是用相对路径.
    ) {: K% ^+ f: e1 w7 ^+ i8 d5 a
    4 X' p5 R4 F5 E. F% {, f后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41, R0 g+ s" P& Y+ e% S1 q
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    5 K. z0 |2 r/ a9 X# z" P+ J8 V# S7 G
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28" r% e( F0 ?) K# G
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...
    , ]" J! j6 q& h/ `

    6 x+ m( r* ^4 w7 L) R如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录
    0 a+ X1 S1 f" M/ d

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16
    ! @; f" `/ }2 e" v1 m% `如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...
    9 _# B) a% k3 q9 B) x$ ?
    手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:332 T. {7 ^' \% v  C5 |+ ~& v( ]
    手机端GD不行 mdict没测试

    5 x5 x. ?9 c. c/ J等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-19 21:02 , Processed in 0.057294 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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