掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 936|回复: 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 编辑
      Y  x4 G8 l: ?* F4 l  u  m( S' }% h- |
    CSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    4 k- D5 q4 {9 h. g3 m4 u; ^! t& p9 w8 ]" ^( |9 _4 E4 |
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.) Z! Z) t; d$ e, `8 p: Q. K
    ' S+ S7 B3 Z2 \, I" O
    要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件7 d2 V- ^6 `9 Z: R
    1.字体文件应该放在什么位置6 h# i! D/ Y* |$ [0 L+ R1 v; _
    2.对文件名有没有特定的要求
    : G; g/ a6 i; A$ ]- U* {3.是否可以和css或者js一样不打包进mdd,方便以后修改.
    / }, b" I& _, }" \4 e
    1 Q9 u6 E! r1 e7 a. a. A$ T* h* x望高手指点- }2 G( v. M$ y5 f* ^: p- c

    5 l. b. b! D2 z) N更新一下,@font-face路径问题:  J) _; r  r" q" W2 }! p
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载
    $ @* f; C4 U! S; ~  h% T) s4 o0 i! D  ~1 b
    使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
    8 K5 T- W' q# i& c' O4 ^: A: G! q' ~9 N% R4 L) x7 j
    不知道问题出在哪里# ^/ v7 n6 z3 B( k
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

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

    5 E3 ^' _% W) Q/ m$ W. ]'file:///storage/sdcard/font/**.ttf'& E: Y% o! l+ Z. @
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.
    3 R9 W* Z( n$ r/ S* j8 P# a7 j1 K( V0 @
    我在搜索有没有一个比较智能的路径写法,类似于只规定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
    1 ^6 g5 A! y. M+ Z' u4 n@font-face 这个功能
    ' Y  Y8 R  b$ v. W3 O  V% e, W# y
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下7 S. j# j) D% ?2 R

    9 _3 ~+ ~9 w9 c$ _! D1 G  P1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件
    8 d" g0 e4 |8 c3 w, ]' `0 h. ]2.字体文件是否需要打包进mdd,能不能直接放在文件夹里1 G- H3 n) x  s+ J- B! ?) b
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot, Q" z( @  n  `9 S  L. v
    - P/ k' W; E" q( d! o+ H4 w7 T
    thx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:050 p. C  x& B  P$ P
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下, Z* Y3 e& S$ w$ ]

    4 H% w3 w, E, m& O  g1.在写CSS的时候,应 ...
    3 D' E9 X7 C0 p/ z/ L6 }' F
    把字体转成base64, 仅限于西文字体
    ! y5 G% A- E! ^% M$ n" R中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf'% m  R& a5 c  b
    http://www.pdawiki.com/forum/for ... hread&tid=158134 L, M3 q5 ~: ]- i1 s
    旧手机建议使用ttf格式,渲染速度快。新手机无所谓
    6 e: @5 J) S" t苹果的话通过描述文件安装字体就可以,连@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(不一定所有设备都是这个)
    8 p8 N" S  u8 ]  t, x' _所以如果不想纠结路径问题的话就把字体和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
    ) j2 I( R) ]1 \( o1 q' Hsdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    : N0 s3 R. X# P  d1 G对,这个就是我想要的'智能的'解决方案,就是用相对路径./ ^1 k1 v* J' q' ]7 i- I3 k# E

    # W4 w6 F0 T/ u/ h; s5 ], r2 n, l% q后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41# {9 C3 @" O% \: H  \- v
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    + Q8 W/ U% S. ?9 R& {
    8 K8 ?# V; ~' P* C8 s1 z; n( y
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28
      D/ ?! K7 l2 E9 l+ m老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...
    : }1 k* T5 w( x7 P

    ' V6 t# B" s- ^* S* k: H如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录! M# v3 Y! I+ g$ `

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16
    $ Z0 h4 I: c* A0 U. [$ F4 S如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...

    3 g3 f& O! l$ X& {$ l手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33# w$ X; X. \1 {
    手机端GD不行 mdict没测试

      K) y1 m6 X- }# k5 j+ S等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-26 07:53 , Processed in 0.043680 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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