掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 928|回复: 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 u9 u! H' M" F2 ]! w
    # }: z& `1 p6 X! E6 z* S, rCSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    - I! V9 Q( K/ B& c. c* B+ m4 y! |4 r7 [- P7 C) ^+ |  u
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.
    8 Q/ z  ]) `" s! E+ y4 Q
    & W: x  G3 a) z" X3 B要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件
    % o6 O# z) B; G& X1.字体文件应该放在什么位置% C( S0 q/ _$ O5 ]/ M; E# Y
    2.对文件名有没有特定的要求
    8 @$ }" ]  p! D1 n3.是否可以和css或者js一样不打包进mdd,方便以后修改.$ N! I! A# G) |! l" P3 W, b6 f

    3 Y9 Y* ~5 h! {1 n* m望高手指点
      D* w) e) `5 k3 L/ S
    1 G1 o+ g: {- `: O( O' ?& }" N2 V更新一下,@font-face路径问题:9 f' ~. P  n, A5 a6 j1 V
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载
    ; R0 f5 p5 m' q& R* j: M3 `6 B. P. T( `; \6 v/ I
    使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
    & i: E% g2 J, @2 C$ {' m5 a
    0 p/ {2 o& U. i不知道问题出在哪里
    ' b/ O  z5 o; _. l! D  r
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    4 x" F/ |5 s& O' C0 f$ D安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...
    6 z2 k# U- t% C+ P7 t
    'file:///storage/sdcard/font/**.ttf'' J: i; V( h, a; g3 _
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.7 B+ a% Z+ s0 O( G* X

    ; W: Z! _' Y# q5 I我在搜索有没有一个比较智能的路径写法,类似于只规定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' `5 T8 ?7 s0 d$ c. `
    @font-face 这个功能

    , |# O& ?+ h/ g3 \我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    ) J2 s: Y: X; E6 s$ v  r" F
    7 a" ^6 ^% d  n& {; ]+ I4 j! [1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件
    4 n; @  V$ f! m4 B, z2.字体文件是否需要打包进mdd,能不能直接放在文件夹里; A: m* |, v3 t; T; }  ?! U
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot& g  M: F7 z+ C, q1 [! y9 N

    & a; u2 g9 U" d7 g# ^" v0 m, [thx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05
    ) i% M6 |7 X0 c. `我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下+ @* y2 I: ^! Y! C0 J: Q

    2 T. p+ N, L: d1 c# \& H2 X/ L: I1.在写CSS的时候,应 ...

    6 d1 h; O$ K% n: `/ n8 Z把字体转成base64, 仅限于西文字体
    , R" _1 L  @, m5 k- W: x$ D( J2 s中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf', c( X0 n% V- q$ P
    http://www.pdawiki.com/forum/for ... hread&tid=15813
    / E$ d1 q" ?  k3 D旧手机建议使用ttf格式,渲染速度快。新手机无所谓+ u- |6 J- C( R. g  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(不一定所有设备都是这个)
    1 J! i9 V" d0 f8 ]; }/ 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
    ) o5 B; P* ]7 Z' b/ r% \! xsdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...

    $ y0 n0 ~+ l! k" V, Z5 x0 T2 R% k2 s对,这个就是我想要的'智能的'解决方案,就是用相对路径.. e) D* @' f/ t" A& s
    0 P  l! w5 m1 m' V) A% E/ K: V" W
    后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:411 [# `- Q: b4 g( j! O  L/ h
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    2 [$ M$ ^% ^; @2 X+ `/ K

    / B& ?7 U- n' {2 b老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

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

    : y' Y  Z! k* F* `  `/ i
    0 _9 Z% C9 z% B! n& {# [& E如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录
    # l& W3 {% Z% z

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16
    0 P! A8 i1 \7 f0 T7 ?如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...
    / s& G  B3 p, s' M* ?( ]
    手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33
    1 M  V  D) J% I2 Y; K手机端GD不行 mdict没测试
    - i2 F) N; t8 ?. k, f
    等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-3-29 05:43 , Processed in 0.034017 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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