【首发】woff文件字体解析分析+源码

Ossian · 发表于 2019-11-16 00:09:23

本帖最后由 Ossian 于 2019-11-16 17:00 编辑

反爬

有时候你可能会遇到下面这种情况

明明这个字以明文的形式呈现在眼前但复制粘贴确是乱码

分析

打开网页源码找到关键字可以发现标题下面一行字以【&#x】开头的编码

shift + c 跟中元素后可以发现这个字体编码指向【PingFangSC-Regular】这个css位置中

跟入css里发现其加载了【63f94cca.eot】这个字体文件

在来源中搜【63f94cca】发现文件却是以woff结尾的文件可能是谷歌浏览器对其做的兼容

要搞定字体解析先要知道.WOFF 是啥

WOFF的映射关系一个编码对应一个字体

搞清楚这个是啥情况后就要解决woff文件解析的问题了
当然是让万能的 Js来帮忙解析
借助【百度字体解析平台】(该网站纯JS解析woff,不过不知道为啥好像不好使了)

分析过程省略...

扣下Js文件并改写 (AMD框架改的比较傻)

再借助ChakraCore引擎支持高级语法

返回如下结果 {"keys":[],"values":[]} (文本太长删了一些开头的)

如上图所示有个密密麻麻的文本如下

咱把这个文本格式叫做svg

svg又是啥呢

里边的path解析可参考 https://www.jianshu.com/p/c819ae16d29b这篇文章

那么如何绘制呢
接下来就要借助gdi来绘制了

绘制过程省略....

以上这个绘制还不够完善但勉强能够使用的

效果

若以上你感觉得不错的话

您的评分是作者最大的动力，留下您的好评吧！

WOFF字体解析.zip (2.73 MB, 下载次数: 460)

zxhman · 发表于 4 天前

连续解析，解析一会就解析不出来了，不知道什么原因

ccc8899 · 发表于 2024-1-13 04:27:33

谢谢分享

A1392747874 · 发表于 2023-10-3 11:52:51

6666666666666

摸鱼鸽子 · 发表于 2022-9-1 14:11:07

666666666666666666666666

godking · 发表于 2022-8-29 13:28:09

精彩文章，顶顶，学学

godking · 发表于 2022-8-29 13:27:43

需要学习，才能进步

gaoqing · 发表于 2022-5-10 09:09:15

谢谢分享

HuangQAQ · 发表于 2022-1-16 19:32:25

xxxxxx1111111111

chenyucheng · 发表于 2021-6-20 06:16:57

sophitia212 发表于 2021-1-28 11:36
这个图绘制出来怎么是空心的呢，有没办法填充？

用Windows自带画图截取字空心，然后用颜色填充也许可以吧。

chenyucheng · 发表于 2021-6-20 06:14:26

chenyucheng 发表于 2021-6-20 06:12
执黑者或执白者的姓名尽量保持姓名的一致，职业棋手推荐使

执黑者或执白者的姓名尽量保持姓名的一致，职业棋手推荐使｛问号或方框｝官｛问号或方框｝公布的姓名。

		自动登录	找回密码
密码			注册

[2019开源大赛(第四届)] 【首发】woff文件字体解析分析+源码

反爬

分析

效果

点评

评分

本帖被以下淘专辑推荐:

[2019开源大赛(第四届)] 【首发】woff文件字体解析 分析+源码

反爬

分析

效果

点评

评分

本帖被以下淘专辑推荐:

[2019开源大赛(第四届)] 【首发】woff文件字体解析分析+源码