使用PHP辅助 快速制作一套自己的手写字体实践
一、背景
笔者以前在网上看到有民间高手制作字体的相关事迹,觉得把自己的手写字用键盘敲出来是一件很有意思的事情,所以一直有时间想制作一套自己的手写体,前几天在网上搜索了一下制作字体的方法,发现技术上并不是太难,结合了自己PHP方面的开发经验,很快的做出了一套自己的手写字体。
制作字体的流程大致是这样,首先我们需要确定那些字体需要自己写,确定了字体之后将这一批字利用工具做成一个模板,不过汉字的总量非常的多,搜索了一下大概在10万字左右,这个工程量太大,因此我们需要找出一批属于自己常用的字体(大概1700字左右),或者自己所常见到的字体,这个过程就需要用PHP来分析,分析出来之后再将其提取出来,做成模板。
在这篇文章当中笔者将完整的记录制作字体过程,其中会将用到的PHP代码公布出来,方便其他读者使用,也给自己留个备份。
二、操作概要
- 提取常用汉字
- 制作字体模板
- 生成字体文件
三、提取常用汉字
做一套字体的工作量是比较大的,因为汉字数量比较多,不过我们可以将我们常用的汉字提取出来,优先将这写汉字的做出来,后面不常用的字体空闲时再去累加,这里我们用到了PHP来辅助我们提取常用的汉字。
3.1 收集数据
在网络中有各种2000个常用汉字之类的doc文档,但是每个人所用到的却不一样;因此我们需要收集一批自己经常接触的字体数据,比如可以从自己的笔记、博客、聊天数据、通讯录中提取;比如笔者便将以往的笔记、文章、通讯录收集了起来,如下图则是笔者过往的文章列表
我们将文章内容复制到txt文件当中,然后保存到某一个文件夹当中,如下图所示
3.2 去除杂项
收集了文章之后,里面有很多杂项,比如空格和换行,这些内容我们并不需要,如下图所示
此时可以通过正则表达式将不需要的内容删除,笔者使用的匹配非中文
的正则表达式如下:
[^\u4e00-\u9fa5]
笔者平时开发习惯使用phpstorm这款IDE,因此这里教大家使用此IDE来删除非中文字符;按住键盘 ctrl
+r
,替换文本内容,然后将正则表达式放入查找项当中,并且勾选regex
,此时所有非汉字内容会被选中,如下图所示:
当笔者点击Replace all
按钮时,变删除了所有非中文字符,此时我们的内容应该只有一行内容,如下图所示
3.3 字体去重
在整理好文字之后,我们现在需要对里面的内容进行去重,保证每一个汉字只保留一个,因为我们字体模板每个字只需要写一次就可以;因此可以使用PHP对汉字进行去重,代码如下所示
<?php //汉字去重函数 function mb_str_split(string $string) { return implode('', array_unique(preg_split('/(?<!^)(?!$)/u', $string))); } //将收集的汉字数据读取出来 $word = file_get_contents('ziti/shoulu.txt'); $word .= file_get_contents('ziti/phpsafe.txt'); $word .= file_get_contents('ziti/reming.txt'); $word .= file_get_contents('ziti/2000.txt'); $word .= file_get_contents('ziti/https.txt'); $word .= file_get_contents('ziti/wangwen/wuxian.txt'); $word .= file_get_contents('ziti/wangwen/qixi.txt'); $word .= file_get_contents('ziti/wangwen/qiantan.txt'); $word .= file_get_contents('ziti/wangwen/jiaoyi.txt'); //执行去重 echo mb_str_split($word);
当这段代码被执行之后,会返回去重后的结果,笔者执行结果如下图:
从图中可以看出,笔者已经得到了一批去重后的文字
3.4 统计并排序
去重之后已经得到了一批独一无二的汉字,但是字数实在太多,达到了1730个汉字,可能一下写不完,不过作为开发者当然是要讲究高效率的;所以可以通过PHP来进行优先级的计算,把最常用到字体排在前面,因此笔者需要写一段PHP代码。
3.4.1 汉字拆分数组
首先笔者将去重后的字符串拆分成数组,因为汉字比较特殊,所以需要自定义一段代码,参考代码如下:
//把汉字拆分为数组 function ch2arr(string $str) { $length = mb_strlen($str, 'utf-8'); $array = []; for ($i = 0; $i < $length; $i++) { $array[] = mb_substr($str, $i, 1, 'utf-8'); } return $array; }
3.4.1 排序后筛选
下载笔者需要通过foreach来遍历统计每个字出现的次数,并且安装倒序排序,如果limit大于0,还可以筛选重复次数大于0的汉字,代码如下
function strSelect(string $string, string $word, $limit = 0) { //把字符串分割为数组 $cnList = ch2arr($string); foreach ($cnList as $val) { $result[$val] = substr_count($word, $val); } //重复高的出现在最前 arsort($result); //筛选字符串 $ret = ''; foreach ($result as $key => $val) { if ($val > $limit) { // $ret .= "$key:$val".PHP_EOL; //查看每个字重复的次数 $ret .= $key; } } return $ret; }
在前面两个方法写完之后,笔者只需要调用一行代码即可得出最常用的一些字符,也可以筛选结果,调用代码如下:
echo strSelect($str, $allStr, 1);
代码执行之后,笔者将会安装汉字出现的次数进行排序,把最常见的字符排在前面,并且筛选出现次数大于1的才返回,返回结果如下图所示:
从图中可以看到字体顺序已经发生了很大变化,数量明显少了很多。
http://tuchuang.songboy.net/ziti/code.txt
四、制作字体模板
把自己最常接触的汉字找出来之后,需要制作一套字体模板,这套字体模板的用处是让手写汉字后,顺利的找到对应的汉字,这里需要依靠第三方网站提供的一些功能。
4.1 字体文件编码
现在笔者将PHP计算的字符写入到一个txt文件当中,参考命令如下
php quchong.php > result.txt
保存之后,还需要将它的编码设置为UTF-8;操作步骤为:首先用windows的记事本打开,然后将文件另存为UTF-8编码的文件,笔者用mac系统怎么也不行,使用windows很顺利的就完成了,建议使用windows
,如下图所示
4.2 生成字体模板
现在笔者需要将之前保存的汉字,用固定格式的模板展现出来,后期需要用此模板生成字体文件,这里需要用到一个网站来辅助,网站地址如下
http://www.flexifont.com/
网站需要注册,注册过程笔者这里将不做描述;在登陆之后点击我的字体
,可以看到当前的字体模板,选择自定义,参考下图
点击自定义之后,笔者能看到一个上传txt文件的表单,如下图所示
上传完成之后,笔者回到列表当中,就可以看到刚才创建的字体模板,如下图所示
4.3 手写字体
笔者将刚才创建的模板下载到电脑当中,并解压该文件,解压后的结果如下图所示
这里一定要打开这些图片确认无误,确认这些字和上传的字能对应的上,如果里面的字明显不是刚才上传的,很有可能是你上传文件的编码不正确,笔者生成的字体模板如下图所示
确认无误后需要将这几张图片打印下来,最好自己有打印机,笔者之前买过一款惠普的1121打印机,总价格不到200块钱,建议各位读者也买一个,有打印机有时候真的很方便;
打印出来之后,就需要笔者将对应文字意义手写。
五、生成字体文件
手写字体是一个比较辛苦的过程,手写完成之后还有一些步骤,如果读者比较熟悉用手机编辑图片,那么这一步很快就能完成,如果不熟悉,就详细的看一下笔者的处理方法吧。
5.1 拍照
首先需要将刚才手写的文字进行拍照,拍照的时候注意尽量平着拍,需要把4个黑边拍进去;笔者使用的是iPhone手机,因此非常建议使用iPhone的读者将相机的网格线功能打开,因为这样就可以看出手机是否是平着拍的,在设置
->相机
->网格线
,参考如下图
设置好之后,笔者再次打开相机,就能看到网格线,如下图所示
中间的十字架如果是黄颜色的,说明笔者当前是平着拍摄的,这样拍照的时候图片就不会那么斜了。
5.2 处理图片
虽然在拍照的时候已经很用心的去拍摄,但拍的过程当中难免有一些不满意,这个时候可以用手机简单处理一下,笔者这里依然以iPhone手机为例
打开相册查看图片的右上方有一个编辑功能,如下图所示
点击编辑之后,在左下角有一个方块按钮,点击之后可以对图片进行放大缩小的跳转,以及旋转,对齐等功能,读者可以自己去操作一番,将图片尽量调整到理想的状态。
笔者处理后的效果如下图所示
5.3 上传并生成字体
现在打开字体上传页面,把笔者已经处理过的图片上传到手写体网站当中了,URL地址如下
http://www.flexifont.com/flexifont-chn/add_font/
如下图所示,手写体站点的一些规则
需要记住别选择错模板(笔者一开始没选择对,还以为系统出问题了),然后把字体上传,上传完成之后,可以点击查看队列,看看当前的字体处理状态,URL地址如下
http://www.flexifont.com/flexifont-chn/queuers/
笔者上传字体后,不到1分钟便已经处理完成,处理完成之后,可以在我的字体下方看到字体列表,如下图所示
六、使用字体
当字体生成完成之后,笔者安装字体文件即可
6.1 安装字体
安装字体在mac下和widnows下都非常简单,首先看看mac下安装方法,下载字体之后,可以直接双击字体文件,会看到如下图
笔者直接点击安装字体就可以了
再说说windows下安装,其实也只需要双击字体文件即可,然后点击安装,如下图所示
不过笔者在电脑在安装字体的时候出现了错误,提示字体无效,于是我换了一种方式;右击鼠标
->为所有用户安装
又好了,原因未知,如果读者出现这种情况也可以试试。
6.2 在WPS中使用
笔者很多时候都会使用到word文件,读者喜欢用wps,那么如何在WPS中使用“轻松体
”呢,其实非常简单,在随便输入一些文字之后,在上方选择“轻松体
”即可,效果如下图所示
如果发现某个字体不是你手写的风格,那应该是这个字体不再你的字体模板当中,你可以生成一个新的模板,然后合并之前的字体即可。
6.3 补充
在手写体当中默认的模板也不错,读者也可以去尝试一下,另外不仅仅汉字可以做手写体,符号也可以。
作者:汤青松
微信:songboy8888
日期:2018年8月20号