设为首页收藏本站
切换到窄版

掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步，快速开始

掌上百科 - PDAWIKI»首页 › 交流专区 - Discussion › 词库制作交流区 - Dictionary-Making › 求助: CSS使用非常规字体fonts,更新,@font-face路径问题 ...
返回列表 发新帖
查看: 931|回复: 12

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

[复制链接]
Cuppa
  • TA的每日心情
    开心
    2022-11-28 05:03

    • 签到天数: 359 天

    [LV.8]以坛为家I
    发表于 2018-1-3 04:52:00 | 显示全部楼层 |阅读模式
    本帖最后由 Cuppa 于 2018-1-5 10:05 编辑
    - J3 A, \" G' W" c4 t1 C+ A: W
    5 [+ g3 Z+ ?. S& ]6 }CSS中设置的字体在手机词典上无法显示,只能显示默认字体.' S( j3 r+ `+ m/ I( r# l! T
    / H0 L' a9 o4 E
    搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.! E, m$ ?& M/ _0 m" F

    ' _% {- o, ]) g3 L6 r# n" v要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件
    ; W+ s. Z. }: f! O/ B1.字体文件应该放在什么位置4 p+ s. ~4 q2 d$ }& c
    2.对文件名有没有特定的要求4 v* T5 ~' x0 A' S) Q
    3.是否可以和css或者js一样不打包进mdd,方便以后修改.. [$ @0 v/ N  Y8 ], o9 J3 J% z
    5 `: M" g; G: [9 z
    望高手指点. C2 v1 I" P0 A' v
    # U9 k8 p' h& v, d5 N3 D% M% i
    更新一下,@font-face路径问题:& Q2 ~! }6 u# ~7 G
    使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载! B2 z( ]( P* ]# e% u- |* g
    % R5 g. W* Z( S% ]& p( h1 Z
    使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载
    6 H# E8 b, G$ L$ f0 T( N& m  e& }1 g5 p8 @$ b0 }
    不知道问题出在哪里9 R. ?1 J- W1 _5 R3 S& K
    回复

    举报

    Cuppa
  • TA的每日心情
    开心
    2022-11-28 05:03

    • 签到天数: 359 天

    [LV.8]以坛为家I
     楼主| 发表于 2018-1-3 13:07:45 | 显示全部楼层
    HMDT 发表于 2018-1-3 03:49
    8 x" F: E! U+ S4 ]9 `+ X& z安卓很简单，如果想实现不同设备通用的话需要把字体放到指定路径，假如放到SD卡的font目录下，那么url写'fi ...

    ; c4 i9 R! t" ]- U( `( ?/ `6 v'file:///storage/sdcard/font/**.ttf'
    " h# y' B1 T0 H* z. j这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了., X1 ^6 r# ~8 I6 `; U7 [

    6 q" k' K5 C; c, D' x- |5 g- }2 a& I我在搜索有没有一个比较智能的路径写法,类似于只规定fonts文件夹和css文件在同一目录内,这样换到任何设备这个路径都是有效的.
    回复 支持 0 反对 1

    举报

    HMPT
  • TA的每日心情
    怒
    2019-9-20 08:37

    • 签到天数: 214 天

    [LV.7]常住居民III
    发表于 2018-1-3 05:42:15 | 显示全部楼层
    @font-face 这个功能
    回复 支持 反对

    举报

    Cuppa
  • TA的每日心情
    开心
    2022-11-28 05:03

    • 签到天数: 359 天

    [LV.8]以坛为家I
     楼主| 发表于 2018-1-3 08:05:31 | 显示全部楼层
    HMPT 发表于 2018-1-2 21:42
    2 V& ^7 K1 m# ^9 s/ \9 u; L. R@font-face 这个功能
    ! S% N' f! o' W. V; T$ [8 {" |
    我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下9 p/ r; y( R+ c  r% D0 v* ~# S! _6 G: v

    * U# f! z$ a  C1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件5 a6 t2 z) Q% V7 d) j0 s3 \
    2.字体文件是否需要打包进mdd,能不能直接放在文件夹里, D- }: \5 ]& z3 O9 [$ }
    3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot- m: S$ F8 j, y3 E/ u& h0 \

    6 x1 }( l* {, J# z4 n* ^thx
    回复 支持 反对

    举报

    HMPT
  • TA的每日心情
    怒
    2019-9-20 08:37

    • 签到天数: 214 天

    [LV.7]常住居民III
    发表于 2018-1-3 08:07:08 | 显示全部楼层
    Cuppa 发表于 2018-1-3 08:05
    : f5 r& W# \/ M6 h- H我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下" P) f  Y& {- v, A+ ]4 n! H

    / k$ ~& L+ k9 Y; C8 t. I; K0 B6 Y1.在写CSS的时候,应 ...
    ! e- ]* n' h+ F1 n$ M0 {7 [
    把字体转成base64, 仅限于西文字体, z" J8 u7 M* ]$ s6 m% i$ M
    中文的话, 暂时没辙
    回复 支持 反对

    举报

    HMDT
  • TA的每日心情
    擦汗
    2018-2-19 00:16

    • 签到天数: 2 天

    [LV.1]初来乍到
    发表于 2018-1-3 11:49:01 | 显示全部楼层
    安卓很简单，如果想实现不同设备通用的话需要把字体放到指定路径，假如放到SD卡的font目录下，那么url写'file:///storage/sdcard/font/**.ttf'" K3 k) _, I7 I# d
    http://www.pdawiki.com/forum/for ... hread&tid=158130 ]. }% ~% M0 _
    旧手机建议使用ttf格式，渲染速度快。新手机无所谓; ]" z  Y. i3 ]4 Z
    苹果的话通过描述文件安装字体就可以，连@font-face都不用写，直接指定字体名称
    回复 支持 反对

    举报

    HMDT
  • TA的每日心情
    擦汗
    2018-2-19 00:16

    • 签到天数: 2 天

    [LV.1]初来乍到
    发表于 2018-1-4 10:41:47 | 显示全部楼层
    sdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还可以写/storage/emulated/0/，而且最近几年的手机如果带有外置SD卡那么就不是这个路径了， 变成了/storage/sdcard1(不一定所有设备都是这个)
    9 N1 N5 v# G3 F0 C# d2 R: `) s( R1 |+ z所以如果不想纠结路径问题的话就把字体和css放到同一目录下，直接引用相对路径
    回复 支持 反对

    举报

    rayman

    该用户从未签到
    发表于 2018-1-4 10:57:25 | 显示全部楼层
    等新版吧。新版会尝试解决这个问题。
    回复 支持 反对

    举报

    Cuppa
  • TA的每日心情
    开心
    2022-11-28 05:03

    • 签到天数: 359 天

    [LV.8]以坛为家I
     楼主| 发表于 2018-1-4 13:17:36 | 显示全部楼层
    HMDT 发表于 2018-1-4 02:413 Q5 x/ Y. u3 v$ C" L' g
    sdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还 ...

    * w0 C" j+ E$ p0 w对,这个就是我想要的'智能的'解决方案,就是用相对路径.0 Y+ E# [! ?( Y) ?5 h+ @2 n3 L
    % o8 O% w/ g: l3 y' Q
    后来在网上查到, 'fonts/samplefile' 这个就表示fonts文件夹和css文件在同一个目录内,这样就达到我想要的各设备通用的效果了.
    回复 支持 反对

    举报

    chigre3

    该用户从未签到
    发表于 2018-1-8 17:28:55 | 显示全部楼层
    HMDT 发表于 2018-1-4 10:41
    ( b3 u" _/ g) v3 a* u1 Q) Isdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还 ...

      [: l* ~/ V: e6 t1 p' V
    9 L7 E+ Z1 }- ?2 Y. Y老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢
    回复 支持 反对

    举报

    HMDT
  • TA的每日心情
    擦汗
    2018-2-19 00:16

    • 签到天数: 2 天

    [LV.1]初来乍到
    发表于 2018-1-10 09:16:19 | 显示全部楼层
    chigre3 发表于 2018-1-8 17:28. Y7 o5 T$ s3 ?+ u% b/ z# s
    老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...

    : ~3 O  s& x# p; I- C9 m/ ^* @' u& U. e. q3 f
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”，不排除某些手机专门定制路径的情况，判断方法就是打开Mdict客户端（深蓝也可以）找到词库设置，在额外的词库选项中就可以看到手机内置存储的目录
    6 `. A) E1 r1 D6 s& X" z7 I

    本帖子中包含更多资源

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

    x
    回复 支持 反对

    举报

    chigre3

    该用户从未签到
    发表于 2018-1-10 16:33:03 | 显示全部楼层
    HMDT 发表于 2018-1-10 09:162 `) Y8 C% K' g8 h% z8 A- c
    如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”，不排除某些手机专门定制路径的情况，判断 ...

    , n! i0 D& e9 a8 q- j7 x* S0 J8 F" b手机端GD不行 mdict没测试
    回复 支持 反对

    举报

    HMPT
  • TA的每日心情
    怒
    2019-9-20 08:37

    • 签到天数: 214 天

    [LV.7]常住居民III
    发表于 2018-1-10 16:40:47 | 显示全部楼层
    chigre3 发表于 2018-1-10 16:33
    + _. E/ J: I6 d& F1 t手机端GD不行 mdict没测试
    9 E! q; n, S4 k3 i6 X' G7 c
    等ray更新, 据说会支持css读取mdd中文件功能
    回复 支持 反对

    举报

    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

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

    GMT+8, 2024-4-18 11:51 , Processed in 0.043668 second(s), 10 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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