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

Cuppa · 发表于 2018-1-3 04:52:00

本帖最后由 Cuppa 于 2018-1-5 10:05 编辑

CSS中设置的字体在手机词典上无法显示,只能显示默认字体.

搜索了论坛没有查到如何使用自定义字体的相关资料,发帖求助一下.

要让CSS中设置的字体可以正常显示,应该如何添加相应的字体文件
1.字体文件应该放在什么位置
2.对文件名有没有特定的要求
3.是否可以和css或者js一样不打包进mdd,方便以后修改.

望高手指点

更新一下,@font-face路径问题:
使用绝对路径, 如 'file:///folderA/folderB/fonts/sample' 这样的格式,自定义字体可以正常加载

使用更灵活的相对路径, 如 'fonts/sample' (fonts文件夹和css文件在同一目录)这样的格式,自定义字体无法加载

不知道问题出在哪里

Cuppa · 发表于 2018-1-3 13:07:45

HMDT 发表于 2018-1-3 03:49
安卓很简单，如果想实现不同设备通用的话需要把字体放到指定路径，假如放到SD卡的font目录下，那么url写'fi ...

'file:///storage/sdcard/font/**.ttf'
这样写路径是不是只适用于这个CSS针对的设备,假如另一个手机没有sd卡,文件都在内置存储,这个路径就无效了.

我在搜索有没有一个比较智能的路径写法,类似于只规定fonts文件夹和css文件在同一目录内,这样换到任何设备这个路径都是有效的.

HMPT · 发表于 2018-1-3 05:42:15

@font-face 这个功能

Cuppa · 发表于 2018-1-3 08:05:31

HMPT 发表于 2018-1-2 21:42
@font-face 这个功能

我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下

1.在写CSS的时候,应该如何指定@font-face下面的路径,才能实现不同的设备上都能正确找到字体文件
2.字体文件是否需要打包进mdd,能不能直接放在文件夹里
3.手机端使用哪一种字体文件的格式最好, .ttf .otf .woff .svg .eot

thx

HMPT · 发表于 2018-1-3 08:07:08

Cuppa 发表于 2018-1-3 08:05
我搜索了一下@font-face这个功能,用来指定自定义字体,有几个地方需要进一步了解一下

1.在写CSS的时候,应 ...

把字体转成base64, 仅限于西文字体
中文的话, 暂时没辙

HMDT · 发表于 2018-1-3 11:49:01

安卓很简单，如果想实现不同设备通用的话需要把字体放到指定路径，假如放到SD卡的font目录下，那么url写'file:///storage/sdcard/font/**.ttf'
http://www.pdawiki.com/forum/for ... hread&tid=15813
旧手机建议使用ttf格式，渲染速度快。新手机无所谓
苹果的话通过描述文件安装字体就可以，连@font-face都不用写，直接指定字体名称

HMDT · 发表于 2018-1-4 10:41:47

sdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还可以写/storage/emulated/0/，而且最近几年的手机如果带有外置SD卡那么就不是这个路径了，变成了/storage/sdcard1(不一定所有设备都是这个)
所以如果不想纠结路径问题的话就把字体和css放到同一目录下，直接引用相对路径

rayman · 发表于 2018-1-4 10:57:25

等新版吧。新版会尝试解决这个问题。

Cuppa · 发表于 2018-1-4 13:17:36

HMDT 发表于 2018-1-4 02:41
sdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还 ...

对,这个就是我想要的'智能的'解决方案,就是用相对路径.

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

chigre3 · 发表于 2018-1-8 17:28:55

HMDT 发表于 2018-1-4 10:41
sdcard虽然是很久以前带有SD卡的手机的路径，但是现在新手机的“内置存储”同样是这个路径，高版本的安卓还 ...

老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢

HMDT · 发表于 2018-1-10 09:16:19

chigre3 发表于 2018-1-8 17:28
老版本安卓系统上我自定义的 css 外置字等在新版系统上统统无效了。。。不知道怎么解决呢 ...

如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”，不排除某些手机专门定制路径的情况，判断方法就是打开Mdict客户端（深蓝也可以）找到词库设置，在额外的词库选项中就可以看到手机内置存储的目录

chigre3 · 发表于 2018-1-10 16:33:03

HMDT 发表于 2018-1-10 09:16
如无意外的话高于4.2的系统都可以使用“/storage/emulated/0”，不排除某些手机专门定制路径的情况，判断 ...

手机端GD不行 mdict没测试

HMPT · 发表于 2018-1-10 16:40:47

chigre3 发表于 2018-1-10 16:33
手机端GD不行 mdict没测试

等ray更新, 据说会支持css读取mdd中文件功能

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