掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 565|回复: 12

[求助] 求助: CSS使用非常规字体fonts,更新,@font-face路径问题

[复制链接]
  • TA的每日心情
    开心
    2020-8-18 11:11
  • 签到天数: 308 天

    [LV.8]以坛为家I

    发表于 2018-1-3 04:52:00 | 显示全部楼层 |阅读模式
    本帖最后由 Cuppa 于 2018-1-5 10:05 编辑 0 T) ?3 [+ y. b/ {8 {: a
    + i) E+ W' O, }- c$ ~
    CSS中设置的字体在手机词典上无法显示,只能显示默认字体.1 l% D/ W/ _: D6 i* B
      Y# I( I: w3 T" Q: T
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.
    + X( T% H4 A) ?9 s& U* R0 H
    7 J" ~$ E3 b- D要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件
    2 I' x: ^, L% j7 v1.字体文件应该放在什么位置
    ' R( p# X: [1 A- w, u' C# z% S2.对文件名有没有特定的要求' _/ f* _3 Q% x) n) r
    3.是否可以和css或者js一样不打包进mdd,方便以后修改.; R1 n6 j1 V7 L* x

    : {7 G/ H+ P/ s, ~1 ?$ D3 J2 R/ P望高手指点* O7 A& {' x" S! {0 o

    3 e# z; K5 Z& O; h3 u) s, }, l5 u更新一下,@font-face路径问题:+ X( B! [8 ~5 v! o
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载3 P# X' \# T- F7 j" o5 T

    9 q' y6 p/ \/ }/ A5 g使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载- H! |' b, C# m) _: w

    ; C/ d3 ^% ^" M  G9 N不知道问题出在哪里1 W3 O: \+ j& H2 R5 [
  • TA的每日心情
    开心
    2020-8-18 11:11
  • 签到天数: 308 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    $ q9 |) I/ q: V" Y安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'fi ...
    2 S. y8 ?3 n! F! F& {; K0 R& L
    'file:///storage/sdcard/font/**.ttf'. h: F) b. ]+ _6 M$ S
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.
    , y* H" R% X  @6 ]. Q; j1 T3 E4 ~0 [8 P0 W, {4 [- |' K& o
    我在搜索有没有一个比较智能的路径写法,类似于只规定fonts文件夹和css文件在同一目录内,这样换到任何设备这个路径都是有效的.
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 05:42:15 | 显示全部楼层
    @font-face 这个功能
  • TA的每日心情
    开心
    2020-8-18 11:11
  • 签到天数: 308 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-3 08:05:31 | 显示全部楼层
    HMPT 发表于 2018-1-2 21:42' _8 k5 ]+ J8 |0 l$ P; _5 ~' m
    @font-face 这个功能
    4 L9 O3 Q4 H. U+ @& ?# @/ S
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    2 ^7 z- ~4 o& B1 s- l1 p% n5 i/ n0 @" ^! b& N/ R1 I7 l
    1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件! `& d% b* P& S! B# d
    2.字体文件是否需要打包进mdd,能不能直接放在文件夹里% S1 ~/ N' P8 X4 E  V# T! @- m; H& @
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot1 Z6 P7 H% Y- ^& u

    8 p$ b6 _1 `( x$ R6 W+ Wthx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:059 a* J5 S3 F/ R1 d. m
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    8 N7 }, U+ j  }1 H) k
    & K3 L, B2 D, g8 Y3 a8 `1.在写CSS的时候,应 ...

    8 u  [; B. t, m3 R6 c把字体转成base64, 仅限于西文字体( i% X/ @& f2 I3 Q
    中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf') y& o0 b9 m1 U
    http://www.pdawiki.com/forum/for ... hread&tid=158138 S2 b( c- X9 h; I! V  {
    旧手机建议使用ttf格式,渲染速度快。新手机无所谓
    ) t: O; [  L; c$ ^) O* D, 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(不一定所有设备都是这个)# r" h: v5 f( h9 f6 A/ \
    所以如果不想纠结路径问题的话就把字体和css放到同一目录下,直接引用相对路径

    该用户从未签到

    发表于 2018-1-4 10:57:25 | 显示全部楼层
    等新版吧。新版会尝试解决这个问题。
  • TA的每日心情
    开心
    2020-8-18 11:11
  • 签到天数: 308 天

    [LV.8]以坛为家I

     楼主| 发表于 2018-1-4 13:17:36 | 显示全部楼层
    HMDT 发表于 2018-1-4 02:419 ]7 s* R; _$ S5 p/ U
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    & B& r4 X. e/ Y( U+ X7 p+ p
    对,这个就是我想要的'智能的'解决方案,就是用相对路径.0 [+ L0 e) \$ Q$ P7 j

    # M9 V8 R. T0 i2 L: X1 ]后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

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

    + V9 ?- a2 _: I; ?( Z4 r; D. X+ s( [+ A+ A  Y5 Y, |3 S
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28: \7 H$ }, G: t1 F5 l* \
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...

    3 g" E" ^! l4 V# I
    ' K: d1 S5 C6 }. a& r5 Q9 s如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录
    5 P9 N' ^6 E' t9 U0 q

    本帖子中包含更多资源

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

    x

    该用户从未签到

    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:16
    1 |9 P: O$ f2 {( k如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断 ...

    ) a5 Z# e. Y' K手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33
    : X& [( \$ f- o1 J% T* f手机端GD不行 mdict没测试
    6 S, `% n0 h* T: E) y' m% l
    等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注掌上百科官方微信公众号送积分
    关注掌上百科官方微信公众号
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

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

    GMT+8, 2021-1-27 09:40 , Processed in 0.027736 second(s), 11 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

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