从网页中提取字体

contrail

比如某网页运用了某字体，十分喜欢，能用什么办法提取出来吗？

loms126

看源码，如果是常用字体，看css里有无定义。没有的话，head里应该有引用的font的url，顺藤摸瓜，找到即可。

contrail

loms126 发表于 2013-9-12 20:25
看源码，如果是常用字体，看css里有无定义。没有的话，head里应该有引用的font的url，顺藤摸瓜，找到即可。

真是难办，如图：

已经看到字体文件的模样了，唾手可得了，就是没办法弄到手。点击下载下来的是没有后缀的文件，没法打开。
可否代劳？
http://www.adobe.com/

loms126

contrail 发表于 2013-9-12 21:25
真是难办，如图：

已经看到字体文件的模样了，唾手可得了，就是没办法弄到手。点击下载下来的是没有后 ...

哦，这是嵌入式的字体，用base64编码了，有点麻烦。之前我也没转换过，我找下看有没有什么工具。

loms126

contrail 发表于 2013-9-12 21:25
真是难办，如图：

已经看到字体文件的模样了，唾手可得了，就是没办法弄到手。点击下载下来的是没有后 ...

转换方法：直接在chrome点那个Resoures，下载下来，chorome会自动解码为文件流。当然也可以用其他工具更具base64解码为文件。

下载到的文件是没有扩展名的，分析其文件头可见woff字样，看来是Web Open Font Format字体。考虑到TrueTypeFont更常用，找到一个在线转换字体的网站：http://www.zhuan-huan.com/font-converter.php，将更改后缀的文件上传即可转为需要的格式。

转换好的文件打包如下，含ttf、woff两种格式：

contrail

loms126 发表于 2013-9-13 10:13
转换方法：直接在chrome点那个Resoures，下载下来，chorome会自动解码为文件流。当然也可以用其他工具更具 ...

多謝！！！

把盏寻梦

loms126 发表于 2013-9-13 10:13
转换方法：直接在chrome点那个Resoures，下载下来，chorome会自动解码为文件流。当然也可以用其他工具更具 ...

大神！学习了~