快速制作博客logo

前言

众所周知啊,我的博客挂了很久了,前段时间一个下午就搭建好了,这其中自然也包括了制作logo的时间。

话不多说,直接开始教程,五分钟logo制作。

Google Font

https://fonts.google.com/

首先,进入谷歌字体,Type something输入需要制作logo的字符。

然后你就可以预览到非常多的字体效果,有很多艺术字都很好看。

我知道很多人要说了,就这?不会直接叫人截图吧?

ps:直接截图也不是不行啊?

我们知道icarus主题原来的logo是一个svg格式的图片,我们现在的目标也是获取一个svg格式的logo

Google-Font-to-svg-path

https://github.com/danmarshall/google-font-to-svg-path

这里有一个项目,可以很方便的把google font你预览到的效果转换成svg格式

https://danmarshall.github.io/google-font-to-svg-path/

上面是项目部署的网站

Svg Fill Stroke

就差一点,就成功了,当然,如果你觉得镂空ok的话,就可以完工了。

说回svg,上面生成的svg是镂空的,需要编辑svg的代码,把

1
2
<g id="svgGroup" stroke-linecap="round" fill-rule="evenodd" font-size="9pt" stroke="#000" stroke-width="0.25mm" fill="none" style="stroke: #ff0000;stroke-width:0.25mm;fill: #ff0000;">
<!-- 上方style中的stroke 代表边框颜色,fill代表填充颜色 注意是g标签,当然你打开文件编辑后很容易可以发现-->

如果你的字体图案有连笔,那么你填充颜色后会有空白,那你需要去网站重新生成svg文件(勾选union选项)

由于还没有,也并不打算花时间部署图片服务器,所以基本上不会有什么配图,自行理解吧。

作者

Rui plus

发布于

2021-07-20

更新于

2021-07-20

许可协议

评论