缘起某天我刷知乎的时候碰到的一个问题:「单读」手机端使用了哪些字体。

那天的我真的很奇怪,居然认真地把这个问题读完了,然后又认真的回答了这个问题。

当时正好用的是手机端,然后我将手机的屏幕截屏,把截图导入到 PhotoShop 里面,拿我安装过的字体进行比对,直至图片的字体重合。

很不幸我没装这个字体,于是就搜索关于字体识别的答案。

然后知道了诸如「求字体」这样的网站,接下来我就对这个过程进行简单的描述。

一般字体识别

首先是准备好您需要识别的字体,注意文件大小不超过 1 兆,格式仅限于jpg、png 和 bmp,打开求字体的网站。

看到上传图片找字体的提示,点击浏览>选择准备好待识别的字体图片>确认后上传

网络会处理您上传的字体,您只需对字的各个部分进行简单的拼凑,使其成为一个完整的字(这里指中文字体)网站就会给出相似度比较高的几个选选项供您选择。

请输入图片标题

值得注意的是在 Smartisan OS 3.7 版本中会加入识字体的 feature,其服务提供商即为「求字体」(在直播的时候隐约听到,后又求证了锤科客服)

请输入图片标题

视频地址 见 83:57 处。

其原理大致为:将彩色图片灰度处理,然后二值法得到一个合适的阈值,分割图片,再将分割的结果与已有的字或字符进行比对,比较两者的相似度。(只依稀记得这些)所以你待识别字体的图片背景应尽可能的干净。

类似的服务提供商还有

网页端的字体识别

字体识别的需求大多数是在使用浏览器浏览网页的过程中,如果你会使用开发者工具和懂一点 css 的话应该能很快找到答案,现在一款叫做 WhatFont的 Chrome 插件可以让这一切来的更加容易。

通过 Chrome 商店安装该插件后,WhatFont 会出现在浏览器的右上方,第一次点击就会激活其浮动识别字体的功能,将鼠标移至您需要识别的字体上方,鼠标旁就会有气泡显示该字体的一些消息,包括字体的属性,字体名称、字体大小、字体颜色等以供参考。如图

请输入图片标题

移动端字体识别

这样的需求还可能出现在移动端浏览信息的过程中,最常见的同样是在浏览器端,同样 WhatFont 也通过 Safari Extension 的形式满足您在移动端浏览网页识别字体的需求。

请输入图片标题

What Font App 和 Chrome 插件的作者是 Chengyin Liu,您可以在这里找到他。

字体识别是件小事

小时候我对宋体印象特别深刻,小学老师教过我们怎么用铅笔的线条描出一个宋体字,当时觉得宋体美极了。
后来用了分辨率很捉急的 Win 笔记本,导致看到宋体就心累,之后慢慢注意到了一些黑体字觉得还好。
有时我也分不清楚是什么字体,但是终归有名字。当我们需要的时候,能够叫出它们的名字,快速的找到它们,我们很开心,包括它和它的创造者也会很开心,对吧。