掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 938|回复: 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 编辑 7 C4 |( l. V; Z+ D# Q! O$ z- W
    7 z% R3 X# r& r! T: _$ _/ k
    CSS中设置的字体在手机词典上无法显示,只能显示默认字体.
    6 M4 M5 w6 Q4 ]. n- a
    0 j* `6 x7 U+ {  @" M/ i$ {搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.
    2 B. F& w( e' A% W* C* a& t  e9 j5 c% M' c. C  }5 a
    要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件
    5 U- p, i  b$ f. p* |1.字体文件应该放在什么位置
    2 x% o+ Q; g/ [4 |/ ?2.对文件名有没有特定的要求% D% R! @. [. ^0 l* Z7 Z) j
    3.是否可以和css或者js一样不打包进mdd,方便以后修改./ v# K  r( j4 X

    ) `7 W$ D# K) M+ |望高手指点4 |* |* \& h+ m4 y8 N) l
    9 H0 g( w% j. G
    更新一下,@font-face路径问题:; q7 j- v3 s! d% X* F
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载
    - F0 I4 [8 T, S" j9 c# J; Z3 _3 n3 n
    ' l2 ?* r( L1 ^' R$ \使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
    % L, N/ d) l/ W0 H
    2 q& i( w. l* a1 g# A5 U不知道问题出在哪里0 o# }8 l% z2 a0 @2 j; O! a* R
  • TA的每日心情
    开心
    2022-11-28 05:03
  • 签到天数: 359 天

    [LV.8]以坛为家I

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

    ( T$ A$ T9 n$ @# i) R: Y, I'file:///storage/sdcard/font/**.ttf'4 }: b4 u: `; Q2 ?1 ?
    这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.
    8 o) r# C7 j2 k" k5 c/ ~
    , |' S7 }! y2 ]2 `+ m8 R: o  J我在搜索有没有一个比较智能的路径写法,类似于只规定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
      G7 [0 w* o* C4 c: P' c@font-face 这个功能

    5 d: P* {6 f5 t1 o) Z我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下
    . L- h2 F3 t+ l) B: `! `: b' \5 S+ l$ [, |+ F7 M
    1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件
    8 e; ]" L/ h" }- ~: T2.字体文件是否需要打包进mdd,能不能直接放在文件夹里
    ; ^+ h; d" T0 G* g# d! c3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot. J& m0 k! Z2 h

    , k/ U2 t8 T% m( Ythx
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05
    1 O# U8 R1 h0 f' V, L我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下9 Y0 I' T5 b( b  w

      q3 X: e& x' c1 F! h$ r1.在写CSS的时候,应 ...
    : [' g# y; U  H# [9 }& M+ ~6 F$ a. t
    把字体转成base64, 仅限于西文字体
    0 k3 f: F5 o  m5 ?6 b中文的话, 暂时没辙
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单,如果想实现不同设备通用的话需要把字体放到指定路径,假如放到SD卡的font目录下,那么url写'file:///storage/sdcard/font/**.ttf'; y9 _1 p- n- o% d  B
    http://www.pdawiki.com/forum/for ... hread&tid=15813  j, p* Y$ p( `. [$ `7 t
    旧手机建议使用ttf格式,渲染速度快。新手机无所谓
    % x; G# Y) |6 u" p' R苹果的话通过描述文件安装字体就可以,连@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(不一定所有设备都是这个)) o! H5 H3 ^/ n1 Y7 s
    所以如果不想纠结路径问题的话就把字体和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' G0 Z/ x% k- _5 E0 W- _
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    8 u5 W6 @( ?) t" T9 a0 T6 p& e
    对,这个就是我想要的'智能的'解决方案,就是用相对路径.1 y' Q% `+ @3 Q* F1 p/ w8 S4 }
    4 p% W& s: h! I/ d2 a4 z/ O" o
    后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.

    该用户从未签到

    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41, ]- j& A4 j. P- |) M
    sdcard虽然是很久以前带有SD卡的手机的路径,但是现在新手机的“内置存储”同样是这个路径,高版本的安卓还 ...
    + C4 x5 T1 z6 r) Q- m
    7 P# J3 C# a' r" U# v- O: n
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
  • TA的每日心情
    擦汗
    2018-2-19 00:16
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28  d. |+ I4 O& J- I2 ^) i# `0 R
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...
    9 {" j: j& ?/ E4 p

    - o% q3 H, N3 I: t3 o如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”,不排除某些手机专门定制路径的情况,判断方法就是打开Mdict客户端(深蓝也可以)找到词库设置,在额外的词库选项中就可以看到手机内置存储的目录5 C# Z) U" ~  @9 F3 i! j+ [

    本帖子中包含更多资源

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

    x

    该用户从未签到

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

    % Y% q8 j. P4 ~手机端GD不行 mdict没测试
  • TA的每日心情

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

    [LV.7]常住居民III

    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:334 ~; C- i5 C  _) ]! U
    手机端GD不行 mdict没测试
    ; T4 h; g8 N7 y
    等ray更新, 据说会支持css读取mdd中文件功能
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-27 09:34 , Processed in 0.053759 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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