掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 937|回复: 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 编辑
    - t+ n) [2 X" o- i2 ~" P- y
    : w8 l: Q5 C4 I0 ^% T8 O) S- [8 ?! hCSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    9 R- t! z- o7 \) ]: I9 \0 c  M% b/ @% [& V
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.
    ( K+ G) m4 A- }+ @3 Y. a/ l" D2 v. e- c5 S
    要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件; i* V; |; ?. Q2 E: a
    1.字体文件应该放在什么位置1 d1 Y* i: B+ N7 e' e! \6 ~) |
    2.对文件名有没有特定的要求
    & r2 E; K4 e4 k3.是否可以和css或者js一样不打包进mdd,方便以后修改.- f" s9 N8 v! L% [" ~: R  l

    % X% r7 ?3 C* m& G- ^. S! ^望高手指点
    + I- `1 [# q' l: N" `/ O9 d& U* T" ^) A, j/ \
    更新一下,@font-face路径问题:6 \& l8 ~# ~, Q. _  W/ d
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载4 S8 {6 w  f" R4 e5 o( {8 J
      g; F: o$ \; V. V0 W& ]' F- @
    使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载) ^' O7 _0 Z% I1 ^2 ]& B

    6 B) Z. N3 P4 q% a1 m4 Y) g; e不知道问题出在哪里* A1 g* R! G  M" e; T, C
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:497 F* \! M  n" z* v- r- `
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...
    3 j- C5 T* _6 G
    'file:///storage/sdcard/font/**.ttf') [8 J  U5 W: X/ C, f$ ]; I
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.
    / s/ ^" w& _2 z% O( C
      s$ a/ v) t6 H8 ?我在搜索有没有一个比较智能的路径写法,类似于只规定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:420 t5 A. A4 f; U8 t8 J5 r) v% q
    @font-face 这个功能
    ) ~, e& ?* s* e  H& K4 e
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下5 `" P' K2 ?; h/ F

    9 O, ~6 q( \0 v) T3 r1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件
    - p$ H3 ?3 a& g. {, o$ V0 K1 x2.字体文件是否需要打包进mdd,能不能直接放在文件夹里9 S; K) L7 L  U0 N) T( G
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot
    " @5 ?- K3 y& B8 n% e3 T4 k* m8 r6 P, S6 s9 \5 T1 C( f0 g; g
    thx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05
    ) R/ S! i8 ~$ ?4 c% n我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下( ?9 V& O+ z# i8 X, Z

      I4 U# ?+ l7 M6 \$ P' f# ]1.在写CSS的时候,应 ...
    ) s8 q8 V9 |7 X. s, _8 K9 C
    把字体转成base64, 仅限于西文字体
    9 O  {" m5 B, M. w! M0 b中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf'
    8 N; ^9 d, r5 _4 k/ shttp://www.pdawiki.com/forum/for ... hread&tid=15813
    6 z+ w8 v  p' L旧手机建议使用ttf格式,渲染速度快。新手机无所谓* G, ]) z6 k1 F& ~  |% 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(不一定所有设备都是这个)
    ; M' C# W8 P/ W4 Q% p所以如果不想纠结路径问题的话就把字体和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
    ' Y+ W. V/ [; Rsdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    : h$ m) ]. K* b. G# x! m
    对,这个就是我想要的'智能的'解决方案,就是用相对路径.4 _& P9 ^- S% K, m( E; h2 g& o
    * I1 ^! c! Y" G9 q: m: Z
    后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41+ f# ~( i' f1 Q$ Z
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    0 y  T- \/ J4 s' g
    # ^7 ?8 Q; i1 f3 j老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:281 t$ Y- R" V  O' h1 P
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...
    " w4 J( K# d: V( O9 l
    2 x+ k9 B  U, W3 r) T
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录
    ! }3 U- l- c" t

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16- S3 v$ Q: ?; z9 X) D4 p% Q
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...
    $ J8 g* X0 D* ]- h
    手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33
    0 f; L& v! j6 ?" a0 s3 a* P手机端GD不行 mdict没测试
    ' Q* ?6 K1 F, g3 P3 Z" T
    等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-26 14:34 , Processed in 0.062727 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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