找回密码
 立即注册

QQ登录

只需一步,快速开始

ilham101

金牌服务用户

50

主题

156

帖子

1068

积分

金牌服务用户

积分
1068

微信认证勋章

ilham101
金牌服务用户   /  发表于:2021-2-16 13:58  /   查看:3060  /  回复:6
本帖最后由 ilham101 于 2021-2-16 15:00 编辑

任何终端设备显示自定义字体统一显示的研究成果:
该方法是任何终端设备不管是电脑,手机,平板,或者其他设备等等统一显示自定义的字体效果
我们选择的有些艺术字体或者特殊字体大部分终端可能没有,所以终端设备显示不成功
有些字体的容量几十个MB,几百个MB,这样的字体也可以显示,但是终端打开网页后可能等待几秒钟才能可以显示效果,这样不必要终端一个一个安装字体。直接服务端调用显示的。

这个我的第一个研究技术的文章,所以不要说太多废话。。。。

具体实现的操作方法:

第一步:首先自己的终端显示的字体准备好(复制过来桌面)
123123.png

第二部:打开这个网站  https://transfonter.org/
点击Add Fonts  

QQ截图20210216133142.png



然后打开刚才桌面准备的字体

然后再下面的参数调一调(就这样....)

360截图20210216133628576.jpg

然后再点击 convert 按钮(这里提醒一下,我选择的字体本身容量大,因为这个是艺术字体,平时使用率不是那么大,你们自己选择的字体容量越小显示没有什么缓慢的想象)

360截图20210216133910872.jpg


下载生成完毕的字体(再大家提醒一下,我选择的字体的容量本身有点大的字体)
360截图20210216134238754.jpg

以上是生成字体的步骤,下面活字格中使用
下载好的压缩包形式的字体全部解压出来
360截图20210216134644310.jpg

里面有7个文件,一个是demo,这个可以删掉。

打开活字格  
点击这里
QQ截图20210216134845.png



然后里面复制过来一下字体文件
360截图20210216134757941.jpg


然后css添加的地方添加刚才下载下来的文件夹里面的css文件
QQ截图20210216135310.png

QQ截图20210216135143.png

最后任何想看效果的单元格的属性的css里调用,

QQ截图20210216135508.png

最后手机页可以看到这个自定义的字体的效果



,技术有点低,所以大家不要嘲笑我啊


评分

参与人数 3金币 +2000 满意度 +10 收起 理由
amtath + 5
Simon.hu + 2000 春节期间还在学习,赞一个~
咖啡里 + 5 赞一个!

查看全部评分

6 个回复

倒序浏览
阿南哥活字格认证
银牌会员   /  发表于:2021-2-16 14:01:36
沙发
居然收我10金币!
回复 使用道具 举报
ilham101
金牌服务用户   /  发表于:2021-2-16 14:08:24
板凳
阿南哥 发表于 2021-2-16 14:01
居然收我10金币!

我的手机显示的效果
Screenshot_2021_0216_130646.png
回复 使用道具 举报
alexyui悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-2-16 20:11:03
地板
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2021-2-18 09:21:40
6#
可以的,这个必须点赞~
回复 使用道具 举报
qq8009活字格认证
银牌会员   /  发表于:2021-2-23 08:12:17
7#
这个要支持一下
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2021-2-23 09:52:20
8#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部